数组去重（splice，new Set，indexOf）

最新推荐文章于 2023-06-02 11:01:00 发布

原创最新推荐文章于 2023-06-02 11:01:00 发布 · 368 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #vue.js #html5

本文介绍了三种JavaScript数组去重的方法：使用splice、new Set以及indexOf。详细阐述了每种方法的工作原理，并通过示例代码进行对比，强调了使用splice时需要配合自减操作以确保正确去重的重要性。同时提到了new Set的简洁去重方式以及indexOf在去重场景中的应用。

方法一：splice

  let arr = [1, 2, 3, 4, 5, 3, 3, 3];
    for (let i = 0; i < arr.length; i++) {
        for (let j = i + 1; j < arr.length; j++) {
            if (arr[i] == arr[j]) {
                arr.splice(j, 1);
                j--;
            }
        }
    }
    console.log(arr);

效果图

这是正确写法，下面有例题的错误演示

array.splice(start, deleteCount, item1, item2[, ...])

start

指定修改的开始位置（从0计数）

deleteCount 可选

整数，表示要移除的数组元素的个数

item1, item2, ... 可选

要添加进数组的元素,从start 位置开始。如果不指定，则 splice() 将只删除数组元素。

写完splice之后写一个开始位置的自减例如上面的 j--，因为如果有多个重复的数字在一起没有它自减就只会执行一次去重，后面相同的数字还是会在

    let arr = [1, 2, 3, 4, 5, 3, 3, 3];
    for (let i = 0; i < arr.length; i++) {
        for (let j = i + 1; j < arr.length; j++) {
            if (arr[i] == arr[j]) {
                arr.splice(j, 1);
            }
        }
    }
    console.log(arr);

效果图

这是没有那个自减的错误写法！！！正确写法在上面

方法二：new Set

  let arr = [1, 2, 3, 4, 5, 3, 3, 3];
    let arr1 = new Set(arr);
    console.log(arr1);

效果图

new Set中自动给数组循环和剔除

方法三：通过indexof

    let arr = [1, 2, 3, 4, 5, 3, 3, 3];
    let arr1 = [];
    for (let i = 0; i < arr.length; i++) {
        if (arr1.indexOf(arr[i]) >= 0) {      
            continue;
        }
        else {
            arr1.push(arr[i]);
        }
    }
    console.log(arr1);

效果图