配列をフィルタリングするJavaScript

この記事では、配列フィルタリングを実装するためのJavaScriptの具体的なコードを参考までに紹介します。具体的な内容は次のとおりです。

今日は、JavaScript の知識を活用して、配列をフィルタリングする例を作成しました。お互いに学び合い、共に進歩していけることを願っています！

最終結果:

js コード部分:

<!DOCTYPE html>
<html lang="ja">
<ヘッド>
 <メタ文字セット="UTF-8">
 <meta name="viewport" content="width=デバイス幅、初期スケール=1.0">
 <meta http-equiv="X-UA-compatible" content="ie=edge">
 <title>フィルター配列</title>
 <スクリプト>
  関数Search(arr) {
   var newArr = [];
   (var i = 0; i < arr.length; i++) の場合 {
    もし（arr[i] > 10）{
     新しいArr[新しいArr.長さ] = arr[i];
   }
  }
   newArr を返します。
  }
  var arr = [1, 2, 45, 31, 7, 30, 22, 3, 5, 17];
  検索(arr);
  alert('入力した数字は '+arr+' です\n'+'10 より大きい数字は: '+Search(arr));
 </スクリプト>
</head>
<本文>
</本文>
</html>

まとめ：

配列のフィルタリングは、さまざまなプログラミング言語で非常に一般的かつ重要です。皆さんが上手に使えるようになることを願っています。

以前、コードの一部を見たことがあります。jsは配列に応じてオブジェクト配列をフィルタリングします。それをあなたと共有します。

IDを格納する配列に従って、このIDを持つオブジェクトをフィルタリングします

var配列 = [
{
 時間: '2020'、
 id: '1',
},
{
 時間: '2020'、
 id: '2',
},
{
 時間: '2020'、
 id: '3',
}];
var フィルターID = ['1', '3'];
var 結果 = 配列.filter((a,i)=>{
  filterIds.some(f=>(f === a.id)) を返します 
})
//[{時間: "2020", id: "1"},{時間: "2020", id: "3"}

以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

以下もご興味があるかもしれません:

JQuery で配列をトラバースおよびフィルタリングする方法、JSON オブジェクトをトラバースおよび解析する方法、Map() メソッドの詳細な説明、配列に値が存在するかどうかを照会する方法など、いくつかの方法があります。
jQuery フィルタリング配列の grep、each、inArray、map の使用と json オブジェクトのトラバーサル
jQuery で配列を走査およびフィルタリングし、JSON オブジェクトを走査および解析するいくつかの方法

<<: docker公式mysqlイメージのカスタム構成の詳細な説明

>>: 異なるデータベースで DROP TABLE を書く方法