ホームページ >ウェブフロントエンド >jsチュートリアル >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 サイトの他の関連記事を参照してください。