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 = [
  { start: 4, length: 2, style: "operator" },
  { start: 4, length: 3, style: "error" }
];</code>

解決策:

filter 関数を使用すると、配列をフィルタリングして返すことができます。指定された条件を満たすオブジェクトのみ:

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

この例では、フィルター関数は「Obj」配列内の各オブジェクトをチェックし、「start」プロパティが等しいオブジェクトのみを含む配列を返します。結果はコンソールに記録されます。

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