数组去重的4种方式

Posted 2021-09-09 7cvz9vxk

这是第一篇文章，没什么经验，随便写写，如果对你有用的话，拿小本本记下来哦！如果有不对的地方，请多指教！

1. 利用 indexOf() 方法

var arr = [1, 2, 5, 2, 3, 5]
var result = []
var len = arr.length
for(var i = 0; i < len; i++) {
    if(result.indexOf(arr[i]) < 0) { //判断当前数组下标为[i]的元素是否已经保存在result中
        result.push(arr[i])    // 如果已保存跳过，否则将此元素保存在result数组中
    }
}

2. es6 的 Set() 方法

var arr = [1, 2, 5, 2, 3, 5]
var newArr = new Set(arr)
var result = [...newArr] 
 
或
 
var result = Array.from(newArr)

3. reduce() 方法

var arr = [1, 2, 5, 2, 3, 5]
var result = arr.reduce((ar, cur) => { // ar 结束后的返回值， cur 当前元素
    if(!ar.includes(cur)) { // includes() 用来判断一个数组是否包含一个值，如果是返回true，否则false
        ar.push(cur)
    }
    return ar
}, []) // [] 初始值

4. filter() 方法

var arr = [1, 2, 5, 2, 3, 5]
var result.filter((item, index) => {
    return arr.indexOf(item) === index // 如果这里用 == 的话\'1\'和1会被当做相同元素，所以使用===
})