javascriptで 配列から あるプロパティの値を抜き出し、重複が無いような配列を生成する

JavaScriptで配列から特定のプロパティの値を抜き出し、重複のない新しい配列を生成するには、mapメソッドとSetを使うのが一般的な方法です。

以下に例を示します。例えば、次のようなオブジェクトの配列があるとします。

const items = [
    { id: 1, name: 'Apple' },
    { id: 2, name: 'Banana' },
    { id: 3, name: 'Apple' },
    { id: 4, name: 'Orange' }
];

この配列から重複のない名前のリストを生成したい場合、次のように書けます。

const uniqueNames = [...new Set(items.map(item => item.name))];

console.log(uniqueNames); // ['Apple', 'Banana', 'Orange']

説明

1. map: items.map(item => item.name)を使って、各オブジェクトからnameプロパティの値の配列を作成します。これにより、['Apple', 'Banana', 'Apple', 'Orange']という配列が得られます。
2. Set: Setを使用すると、自動的に重複を排除してくれます。
3. スプレッド演算子: [...]を使って、Setから新しい配列を作成します。

この方法を使えば、任意のプロパティの値の重複なしの配列を簡単に作成できます。必要に応じてプロパティ名を変更して試してみてください。