JavaScript 配列内のオブジェクトを特定のプロパティと値でフィルタリングする方法

JavaScript のプロパティによる配列内のオブジェクトの検索

オブジェクトの配列が与えられた場合、多くの場合、次のようなオブジェクトを検索する必要があります。特定の特性と価値を持っています。 JavaScript でこれを実現するには、配列のフィルター関数を利用できます。

たとえば、次の配列を考えてみます。

<code class="javascript">const Obj = [
    {"start": 0, "length": 3, "style": "text"},
    {"start": 4, "length": 2, "style": "operator"},
    {"start": 4, "length": 3, "style": "error"}
];</code>

start プロパティが含まれるオブジェクトを検索したい場合の値が 4 の場合、次のコードを使用できます。

<code class="javascript">const result = Obj.filter(x => x.start === 4);
console.log(result);</code>

フィルター関数は、コールバック関数を引数として受け取ります。コールバック関数は、配列内の各要素を入力として受け取り、ブール値を返します。コールバック関数が true を返した場合、その要素は結果の配列に含まれ、それ以外の場合は除外されます。

この例では、コールバック関数は各要素の start プロパティが値 4 に等しいかどうかをチェックします。そうであれば、要素は結果の配列に含まれます。コンソール出力は次のようになります:

<code class="javascript">[
  {"start": 4, "length": 2, "style": "operator"},
  {"start": 4, "length": 3, "style": "error"}
]</code>

以上がJavaScript 配列内のオブジェクトを特定のプロパティと値でフィルタリングする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。