ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript でオブジェクトの配列から一意の値を取得する方法

JavaScript でオブジェクトの配列から一意の値を取得する方法

Mary-Kate Olsen
リリース: 2024-12-05 11:45:10
オリジナル
374 人が閲覧しました

How to Get Unique Values from an Array of Objects in JavaScript?

JavaScript でオブジェクトの配列から個別の値を取得する

目的は、オブジェクトの配列から特定のプロパティの一意の値を抽出することです、具体的には「age」プロパティです。このタスクは複数の方法で実行できます。

ES6 の Set および Map 関数の使用:

JavaScript バージョンが ES6 をサポートしている場合は、Set および Map データ構造を活用できます。 。 Set には一意の値が格納され、Map にはキーと値のペアが格納されます。効率的なアプローチは次のとおりです:

const uniqueAges = new Set(array.map(item => item.age));
console.log([...uniqueAges]); // [17, 35]
ログイン後にコピー

従来のループとチェック:

ES6 が利用できない場合は、ループとチェックを使用するより伝統的な方法を選択できます。

const distinctAges = [];
for (const item of array) {
  if (!distinctAges.includes(item.age)) {
    distinctAges.push(item.age);
  }
}
console.log(distinctAges); // [17, 35]
ログイン後にコピー

Key-Value にオブジェクトを使用するストレージ:

データを再構築できる場合は、オブジェクトを使用して一意の値をキーとして保存し、検索を高速化することもできます。

const uniqueAgesObject = {};
for (const item of array) {
  uniqueAgesObject[item.age] = true;
}
const distinctAges = Object.keys(uniqueAgesObject);
console.log(distinctAges); // [17, 35]
ログイン後にコピー

これらの手法を利用すると、オブジェクトの配列から一意の値を効果的に取得できるため、コードの効率が向上します。

以上がJavaScript でオブジェクトの配列から一意の値を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート