Question

我正在使用下面的javascript在html中创建一个多选选项，并且值基于存储在另一个json中的值显示为选中状态，问题是值正像下面一样重复，我不知道该怎么做删除多选中显示的重复值。有没有办法删除JavaScript中的重复值并显示没有任何重复值的数据？

Answer 1

使用For循环从JavaScript数组中删除重复项

let array_with_duplcates = ['DELHI','NEWYORK','DELHI','GOA','MUMBAI','CALIFORNIA','GOA']

    function removeDuplicates(arr){
        let unique_array = []
        for(let i = 0;i < arr.length; i++){
            if(unique_array.indexOf(arr[i]) == -1){
                unique_array.push(arr[i])
            }
        }
        return unique_array
    }

    console.log(removeDuplicates(array_with_duplcates)); // [ 'DELHI', 'NEWYORK', 'GOA', 'MUMBAI', 'CALIFORNIA' ]

使用过滤器方法从JavaScript数组中删除重复项

function removeDuplicateUsingFilter(arr){
    let unique_array = arr.filter(function(elem, index, self) {
        return index == self.indexOf(elem);
    });
    return unique_array
}

console.log(removeDuplicateUsingFilter(array_with_duplicates));

使用Set从JavaScript数组中删除重复项

function removeDuplicateUsingSet(arr){
    let unique_array = Array.from(new Set(arr))
    return unique_array
}

console.log(removeDuplicateUsingSet(array_with_duplicates));

使用Lodash库删除重复项

Answer 2

我想知道您是否可以使用lodash.js，它具有一些不错的功能（尝试uniq或uniqBy），而且它非常轻巧。

使用JavaScript删除重复的值

2 个答案: