ホームページ > ウェブフロントエンド > フロントエンドQ&A > ES6 アレイの重複排除を行う 5 つの方法とは何ですか?

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

青灯夜游
リリース: 2022-08-30 17:35:30
オリジナル
11847 人が閲覧しました

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

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

このチュートリアルの動作環境: 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);
ログイン後にコピー

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

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

let arr=[1,2,3,3,2,"1",0,1,2];
let newArr=[...new Set(arr)];
console.log(newArr);
ログイン後にコピー

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

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);
ログイン後にコピー

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

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);
ログイン後にコピー

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

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);
ログイン後にコピー

ES6 アレイの重複排除を行う 5 つの方法とは何ですか?【関連の推奨:

JavaScript ビデオ チュートリアル

Web フロントエンド ]

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート