JavaScript配列から重複を削除する方法-jsチュートリアル-php.cn

JavaScript配列から重複を削除する方法

青灯夜游

リリース： 2023-01-07 11:47:32

オリジナル

2296 人が閲覧しました

方法: 1. "[...new Set(arr)]" ステートメントを使用します。 2. "Array.from(new Set(arr))" ステートメントを使用します。 3. フィルターとIndexOf関数; 4. double forループを使って値が重複していないか確認し、重複がある場合はpush()を使って削除します。

JavaScript配列から重複を削除する方法

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

方法 1: […新しい Set(arr)]

const arr = [1, 2, 3, 2, 3];
[...new Set(arr)]; // [1, 2, 3]

ログイン後にコピー

方法 2: Array.from(new Set(arr))

const arr = [1, 2, 3, 2, 3];
Array.from(new Set(arr)); // [1, 2, 3]

ログイン後にコピー

Set 内の要素は元の値であってもオブジェクト参照であっても一意であるため、配列を Set オブジェクトに変換することで重複排除を実現できます。

Array.from メソッドSet オブジェクトを配列に変換できます。

方法 3: フィルター IndexOf

function unique(arr) {
  return arr.filter(function(item, index, arr) {
    //当前元素，在原始数组中的第一个索引==当前索引值，否则返回当前元素
    return arr.indexOf(item, 0) === index;
  });
}
var arr = [1,1,&#39;true&#39;,&#39;true&#39;,true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,&#39;NaN&#39;, 0, 0, &#39;a&#39;, &#39;a&#39;,{},{}];
console.log(unique(arr))
//[1, "true", true, 15, false, undefined, null, "NaN", 0, "a", {…}, {…}]

ログイン後にコピー

を使用する

方法 4: Double for ループ

外部で理解する最も簡単な方法レイヤーループは要素を走査し、内側のループは重複があるかどうかをチェックします。

重複する値がある場合は、push() または splice() を使用できます

function distinct(a, b) {
    let arr = a.concat(b);
    for (let i=0, len=arr.length; i<len; i++) {
        for (let j=i+1; j<len; j++) {
            if (arr[i] == arr[j]) {
                arr.splice(j, 1);
                // splice 会改变数组长度，所以要将数组长度 len 和下标 j 减一
                len--;
                j--;
            }
        }
    }
    return arr
}

ログイン後にコピー

ただし、このメソッドでは時間がかかりますメモリの増加より高いですが、効率も最も低くなります

JavaScript配列から重複を削除する方法

方法 5: for...of includes()

double のアップグレードfor ループのバージョンでは、for ループを外側の層の for...of ステートメントに置き換え、内側のループを include() に変更します。

最初に空の配列を作成し、includes() が false を返すと、要素を空の配列にプッシュします

同様に、includes() の代わりにindexOf() を使用することもできます

function distinct(a, b) {
    let arr = a.concat(b)
    let result = []
    for (let i of arr) {
        !result.includes(i) && result.push(i)
    }
    return result
}

ログイン後にコピー

JavaScript配列から重複を削除する方法