js中数组如何去重

JS中数组去重

在JavaScript中，数组去重是一个常见的需求。有多种方法可以实现数组去重，以下将介绍几种常用的方法。

方法一：双重循环

最单纯直接的数组去重方法是使用双重循环，逐个比较并去除重复项。

        function uniqueArray1(arr) {
            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--;
                    }
                }
            }
            return arr;
        }
        const arr1 = [1, 2, 2, 3, 4, 3, 5];
        console.log(uniqueArray1(arr1)); // 输出：[1, 2, 3, 4, 5]
    

方法二：使用indexOf

利用数组的indexOf方法，创建一个新数组，然后遍历原数组，将不在新数组中的元素添加进去。

        function uniqueArray2(arr) {
            const uniqueArr = [];
            for (let i = 0; i < arr.length; i++) {
                if (uniqueArr.indexOf(arr[i]) === -1) {
                    uniqueArr.push(arr[i]);
                }
            }
            return uniqueArr;
        }
        const arr2 = [1, 2, 2, 3, 4, 3, 5];
        console.log(uniqueArray2(arr2)); // 输出：[1, 2, 3, 4, 5]
    

方法三：使用filter

使用数组的filter方法，利用索引位置来判断元素是否重复。

        function uniqueArray3(arr) {
            return arr.filter((item, index) => {
                return arr.indexOf(item) === index;
            });
        }
        const arr3 = [1, 2, 2, 3, 4, 3, 5];
        console.log(uniqueArray3(arr3)); // 输出：[1, 2, 3, 4, 5]
    

方法四：使用Set对象

ES6引入了Set对象，可以利用其特性轻松实现数组去重。

        function uniqueArray4(arr) {
            return [...new Set(arr)];
        }
        const arr4 = [1, 2, 2, 3, 4, 3, 5];
        console.log(uniqueArray4(arr4)); // 输出：[1, 2, 3, 4, 5]
    

总结

以上介绍了四种JS中数组去重的方法，其中使用Set对象是最单纯且高效较高的方法。开发者在实际项目中可以选择需求选择合适的方法。

本文由IT视界版权所有,禁止未经同意的情况下转发