JS数组去重方法的八个方法

// 数组去重方法总结
var arr = new Array
arr = [1,2,2,3,4,4,5,6,6,7]
// 1、定义一个新数组,for循环遍历原数组,通过indexOf查询新数组是否包含原数组的当前项,=== -1 不包含,则push进新数组

function Distinct(arr) {
    var newArr = []
    for (let i = 0; i < arr.length; i++) {
        if (newArr.indexOf(arr[i]) == -1) {
            newArr.push(arr[i])
        }
    }
    return newArr
}
console.log(Distinct(arr))
1.png

2、定义一个新数组 + for循环 + lastIndexOf()

function Distinct2(arr) {
    let newArr = []
    for (var i = 0; i < arr.length; i++) {
        newArr.lastIndexOf(arr[i]) !== -1 ? '' : newArr.push(arr[i]);
    }
    return newArr
}
console.log(Distinct2(arr))
2..png

3、定义一个新数组 + for循环 + includes()

function Distinct3(arr) {
    let newArr = []
    for (let i = 0; i < arr.length; i++) {
        if (!newArr.includes(arr[i])) {
            newArr.push(arr[i])
        }
    } 
    return newArr
}
console.log(Distinct3(arr))
3.png

4、定义一个新数组 + forEach() + includes()

function Distinct4(arr) {
    let newArr = []
    arr.forEach(item => {
        return newArr.includes(item) ? '' : newArr.push(item)
    })
    return newArr
}
console.log(Distinct4(arr))
4.png

5、定义一个新数组 + map() + includes()

function Distinct5(arr) {
    let newArr = []
    arr.map(item => {
        return newArr.includes(item) ? '' : newArr.push(item)
    })
    return newArr
}
console.log(Distinct5(arr))
5.png

6、定义一个新数组 + filter() + includes()

function Distinct6(arr) {
    let newArr = []
    arr.filter(item => {
        return newArr.includes(item) ? '' : newArr.push(item)
    })
    return newArr
}
console.log(Distinct6(arr))
6.png

7、reduce() + includes()

function Distinct7(arr) {
    return  arr.reduce((acc, cur) => {
                acc.includes(cur) ? '' : acc.push(cur)
                return acc
            }, [])
}
console.log(Distinct7(arr))

7.png

8、ES6的set()方法
Set数据结构的成员的值都是唯一的,利用Array.from将Set结构转换成数组

function Distinct8(arr) {
    return Array.from(new Set(arr));
}
console.log(Distinct8(arr));
8.png

附:求数组项最大值

let max = arr.reduce((a, b) => a > b ? a : b);
console.log(max)
附.png

完整代码:

// 数组去重方法总结
var arr = new Array
arr = [1,2,2,3,4,4,5,6,6,7]
// 1、定义一个新数组,for循环遍历原数组,通过indexOf查询新数组是否包含原数组的当前项,=== -1 不包含,则push进新数组
function Distinct(arr) {
    let newArr = []
    for (let i = 0; i < arr.length; i++) {
        if (newArr.indexOf(arr[i]) == -1) {
            newArr.push(arr[i])
        }
    }
    return newArr
}
console.log(Distinct(arr))
// 2、定义一个新数组 + for循环 + includes()
function Distinct2(arr) {
    let newArr = []
    for (var i = 0; i < arr.length; i++) {
        newArr.lastIndexOf(arr[i]) !== -1 ? '' : newArr.push(arr[i]);
    }
    return newArr
}
console.log(Distinct2(arr))

// 3、定义一个新数组 + for循环 + includes()
function Distinct3(arr) {
    let newArr = []
    for (let i = 0; i < arr.length; i++) {
        if (!newArr.includes(arr[i])) {
            newArr.push(arr[i])
        }
    } 
    return newArr
}
console.log(Distinct3(arr))

// 4、定义一个新数组 + forEach() + includes()
function Distinct4(arr) {
    let newArr = []
    arr.forEach(item => {
        return newArr.includes(item) ? '' : newArr.push(item)
    })
    return newArr
}
console.log(Distinct4(arr))

// 5、定义一个新数组 + map() + includes()
function Distinct5(arr) {
    let newArr = []
    arr.map(item => {
        return newArr.includes(item) ? '' : newArr.push(item)
    })
    return newArr
}
console.log(Distinct5(arr))

// 5、定义一个新数组 + filter() + includes()
function Distinct5(arr) {
    let newArr = []
    arr.filter(item => {
        return newArr.includes(item) ? '' : newArr.push(item)
    })
    return newArr
}
console.log(Distinct5(arr))

// 7、reduce() + includes()
function Distinct7(arr) {
    return  arr.reduce((acc, cur) => {
                acc.includes(cur) ? '' : acc.push(cur)
                return acc
            }, [])
}
console.log(Distinct7(arr))

// 8、ES6的set()方法  Set数据结构的成员的值都是唯一的,利用Array.from将Set结构转换成数组
function Distinct8(arr) {
    return Array.from(new Set(arr));
}
console.log(Distinct8(arr));

// 附:求数组项最大值
let max = arr.reduce((a, b) => a > b ? a : b);
console.log(max)

你可能感兴趣的:(JS数组去重方法的八个方法)