时间戳

首页 > 解决方案 > 使用 javascript 删除重复值

javascript - 使用 javascript 删除重复值

问题描述

我正在使用下面的 javascript 在 html 中创建一个多选选项，并且值显示为根据存储在另一个 json 中的值选择的值，问题是值像下面一样被重复，我不知道如何删除重复项多选中显示的值。有没有办法删除javascript中的重复值并显示没有任何重复值的数据？

标签： javascripthtml

解决方案

使用 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 库删除重复项

推荐阅读