JavaScript实现数组去重

JavaScript实现数组去重

方法一:
思路:
复制该数组,但是每次将元素装入新数组的时候先判断新数组中是否已经存在该元素,不存在才装入。
代码:

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

在这里插入图片描述

方法二:
思路:利用对象key不能重复的性质
由于key有序,所以用这种方法去重后的数组也是有序的
代码:

var arr = [1, 2, 4, 3, 5, 2, 1, 4]
var arr1 = []
var obj = {}
for (var i = 0; i < arr.length; i++) {
    obj[arr[i]] = "不重要的赋值" //key不能重复,若重复则覆盖
}
for (var i in obj) {
    arr1.push(i - 0) //key为字符串,i-0 转换为数字
}
console.log(arr1)

在这里插入图片描述

方法三:
思路:利用set (es6中的数据类型)不允许重复的的性质
代码:

  var arr = [1, 2, 4, 3, 5, 2, 1, 4]
    var set1 = new Set(arr)
    console.log(set1)
    var arr1 = Array.from(set1) //将set转换为数据类型
    console.log(arr

在这里插入图片描述

你可能感兴趣的:(前端,JS,javascript,前端,vue.js)