JavaScript 配列は、複数の値を格納できるデータ構造です。ただし、配列に重複した要素が含まれる場合もよくあります。このガイドでは、これらの重複を削除し、一意の要素を含む配列を作成するためのさまざまな方法を説明します。

注記： JavaScript 配列について詳しく見る

JavaScript 配列から重複要素を削除するメソッド

カット・ティンプは弁護士ですか

目次

• Javascript filter() メソッドの使用
• Javascript set() メソッドの使用
• Javascript の forEach() メソッドの使用
• Javascriptのreduce()メソッドの使用
• JavascriptのindexOf()メソッドの使用
• サードパーティライブラリの使用

JavaScriptのfilter()メソッドの使用

の filter() メソッド コールバック関数を通じて渡された条件に一致する要素の新しい配列を作成します。 true が返される要素のみが含まれます。

例： 以下のコードでは、 filter() メソッド JavaScript 配列内の要素の重複を削除します。

let arr = ['apple', 'mango', 'apple',  'orange', 'mango', 'mango']; function removeDuplicates(arr) {  return arr.filter((item,  index) =>arr.indexOf(item) === インデックス); console.log(removeDuplicates(arr));>>

[ 'apple', 'mango', 'orange' ]>

JavaScript set() メソッドの使用

このメソッドは、ES6 (ES2015) で新しいオブジェクト タイプを設定し、一意の値のコレクションを作成できるようにします。

例： この例では JavaScript を使用します set() メソッド 配列から重複を削除します。

回文番号

let arr = ['apple', 'mango', 'apple',  'orange', 'mango', 'mango']; function removeDuplicates(arr) {  return [...new Set(arr)]; } console.log(removeDuplicates(arr));>

[ 'apple', 'mango', 'orange' ]>

JavaScript forEach() メソッドの使用

を使用することで、 forEach() メソッド 、配列内の要素を反復処理でき、配列内に新しい配列が存在しない場合は新しい配列にプッシュします。

例： forEach() メソッドは、以下のコードの JavaScript 配列から要素を削除するために使用されます。

彼らは歌手です

let arr = ['apple', 'mango',  'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) {  let unique = [];  arr.forEach(element =>{ if (!unique.includes(要素)) { unique.push(要素);  } });  一意を返します。 console.log(removeDuplicates(arr));>>

[ 'apple', 'mango', 'orange' ]>

JavaScriptのreduce()メソッドの使用

の reduce() メソッド は、配列の要素を削減し、渡したリデューサ関数に基づいてそれらを最終的な配列に結合するために使用されます。

例： reduce() メソッドは、JavaScript で配列から重複を削除するために使用されます。

let arr = ['apple', 'mango',  'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) {  let unique = arr.reduce(function (acc, curr) {  if (!acc.includes(curr))  acc.push(curr);  return acc;  }, []);  return unique; } console.log(removeDuplicates(arr));>

[ 'apple', 'mango', 'orange' ]>

JavaScriptのindexOf()メソッドの使用

の IndexOf() メソッド 配列要素の最初の出現インデックスを見つけるために使用されます。配列内の要素を反復処理でき、結果の配列に新しい配列が存在しない場合は、新しい配列にプッシュします。

例： 以下のコード例では、indexOf() メソッドを使用して配列から重複を削除します。

let arr = ['apple', 'mango',  'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) {  let unique = [];  for (i = 0; i < arr.length; i++) {  if (unique.indexOf(arr[i]) === -1) {  unique.push(arr[i]);  }  }  return unique; } console.log(removeDuplicates(arr));>

[ 'apple', 'mango', 'orange' ]>

サードパーティライブラリの使用

次のようなサードパーティのライブラリを使用することもできます。 ロダッシュ または アンダースコア.js JavaScript 配列から重複した要素を削除します。の _.uniq() 関数 重複した要素を含まない配列を返します。

例: 以下のコードでは、配列から要素を削除するために、underscore.js ライブラリの _.uniq() 関数が使用されています。