ホームページ > ウェブフロントエンド > jsチュートリアル > jsで配列の重複排除を実現するにはどのような方法がありますか? js配列重複排除方法の簡単な紹介

jsで配列の重複排除を実現するにはどのような方法がありますか? js配列重複排除方法の簡単な紹介

不言
リリース: 2018-08-11 15:46:20
オリジナル
1949 人が閲覧しました

JS 配列から重複データを削除する方法はたくさんあります。今日の記事では、JS 配列の重複を除去するための 3 つの方法を紹介します。必要な方は参考にしていただければ幸いです。

js配列重複排除方法の1つ: オブジェクトシミュレーションHashMapトラバーサルによる重複排除

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

function duplicates(arr) {

    var newArr=[]

    var newArr1=[]

    for(var i = 0;i<arr.length;i++){

       for(var j=0;j<arr.length;j++){

           if(i!=j){

               if(arr[i]==arr[j]){

                   newArr.push(arr[i])

               }

           }

       }

    }

        var json={}

        for(var i = 0; i < newArr.length; i++){

            if(!json[newArr[i]]){

                newArr1.push(newArr[i]);

                json[newArr[i]] = 1;

            }

        }

        return newArr1

 

}

ログイン後にコピー

js配列重複排除方法2: ゲートフラグの設定、条件に応じた重複排除

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

function duplicates(arr) {

    var newArr=[]

    var newArr1=[]

    for(var i = 0;i<arr.length;i++){

       for(var j=0;j<arr.length;j++){

           if(i!=j){

               if(arr[i]==arr[j]){

                   newArr.push(arr[i])

               }

           }

       }

    }

        

    newArr1.push(newArr[0])

    for(var i=0;i<newArr.length;i++){

        var flag=0

        for(var j=0;j<newArr1.length;j++){

            if(newArr[i]==newArr1[j]) flag=1

 

        }

        if(flag==0) newArr1.push(newArr[i])

     }

        return newArr1

 

}

ログイン後にコピー

js配列重複排除方法3: ES6、セットコレクションの重複排除

1

2

3

4

5

6

7

8

9

10

function duplicates(arr) {

   let newArr = arr;

   arr = [];

   let set = new Set();

   set(newArr);

   for (let i of set){

   arr.push(i);

  }

   return arr;

}

ログイン後にコピー

関連する推奨事項:

JS 配列の重複排除

JS 配列の重複排除のグラフィックとテキストの詳細な説明

JS 配列を重複排除する 4 つの方法

以上がjsで配列の重複排除を実現するにはどのような方法がありますか? js配列重複排除方法の簡単な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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