ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript 配列内のオブジェクトをプロパティ値でフィルタリングする方法

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

Susan Sarandon
Susan Sarandonオリジナル
2024-10-30 10:07:02346ブラウズ

How to Filter Objects in a JavaScript Array by Property Value?

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。