- フィルタリングとSetを使用する方法: JavaScriptのArrayオブジェクトには、重複を除去するための組み込みのメソッドがあります。以下のコードは、配列から重複を取り除き、ユニークな値のみを抽出する方法を示しています。
let chars = ['a', 'b', 'a', 'c', 'b'];
let uniqueChars = Array.from(new Set(chars));
console.log(uniqueChars);上記のコードでは、Setオブジェクトを使用して重複を除去し、Array.from()メソッドを使用して再び配列に変換しています。
- フィルタリングとindexOfを使用する方法:
もう一つの方法は、
filter()メソッドとindexOf()メソッドを組み合わせて使用する方法です。以下のコードでは、filter()メソッドを使用して重複を除去し、indexOf()メソッドを使用して最初の出現以外の重複値を取り除いています。
let chars = ['a', 'b', 'a', 'c', 'b'];
let uniqueChars = chars.filter((c, index) => {
return chars.indexOf(c) === index;
});
console.log(uniqueChars);上記のコードでは、filter()メソッドを使用して各要素をチェックし、その要素が最初に出現するインデックスと現在のインデックスが一致する場合にのみ残します。
これらの方法を使用すると、JavaScriptで配列からユニークな値を抽出することができます。どちらの方法もシンプルで簡単に実装できるため、プロジェクトやコーディングに応じて適切な方法を選択できます。