ES6 アレイの重複排除を行う 5 つの方法とは何ですか?

5 メソッド: 1. Set 構造と Array.from() を使用、構文 "Array.from(new Set(arr))"; 2. Set 構造と展開演算子を使用、構文 "[. .. new Set(arr)]"; 3. 配列を走査し、indexOf() を使用してループ本体内の重複を削除します。

このチュートリアルの動作環境: Windows 7 システム、ECMAScript バージョン 6、Dell G3 コンピューター。

5 ES6 配列重複排除メソッド

1. データ構造と Array.from() 重複排除の設定

let arr=[1,2,3,3,2,"1",0,undefined,undefined];
let newArr=Array.from(new Set(arr));
console.log(newArr);

#2. データ構造とスプレッド演算子「...」を設定して重複を削除します#

let arr=[1,2,3,3,2,"1",0,1,2];
let newArr=[...new Set(arr)];
console.log(newArr);

3. 単一レイヤー ループの IndexOf を使用して重複を削除します。

var arr=[1,2,3,3,2,"1",0,1,2,undefined,undefined];
var newArr = [];
for(let i = 0;i <arr.length;i++){
    if(newArr.indexOf(arr[i]) ===-1) {
      newArr.push(arr[i]);
    }
}
console.log(newArr);

4. 配列の include メソッドを使用して重複を削除します。

var arr=[1,2,3,3,2,"1",0,1,2,undefined,undefined];
var newArr = [];
for(let i = 0;i <arr.length;i++){
  if(!newArr.includes(arr[i])){
    newArr.push(arr[i]);
  }
}
console.log(newArr);

5. 配列の filter メソッドを使用して重複を削除します

var arr=[1,2,3,3,2,"1",0,1,2,undefined,undefined];
var newArr = arr.filter((item,index)=> {
  return arr.indexOf(item,0) === index;
});
console.log(newArr);

【関連の推奨:

JavaScript ビデオ チュートリアル

、Web フロントエンド ]

以上がES6 アレイの重複排除を行う 5 つの方法とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。