数组去重的三种方法

原创已于 2022-08-31 09:59:41 修改 · 212 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #typescript

于 2022-08-31 09:59:24 首次发布

自定义工具函数专栏收录该内容

1 篇文章

订阅专栏

前提:学习中的一些记录(仅供参考)

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="./unique.js"></script>
    <title>数组去重</title>
</head>
<body>
    <script>
        const arr = [1,2,3,2,1,4,5,6]
        //去重-方法一
        // console.log(unique(arr))
        //去重-方法二
        //  console.log(unique2(arr))
        //去重-方法三
        console.log(unique3(arr))
    </script>
</body>
</html>

unique.js

 //去重-方法一
function unique(arr) {
    let result = [];
    arr.forEach(item => {
        if (result.indexOf(item)===-1) {
            // console.log(item)
            result.push(item)
        }
    });
    return result
}

 //去重-方法二
function unique2() {
    //声明空数组
    let result = [];
    const obj = {};
    arr.forEach(item => {
        if (obj[item] === undefined) {
            obj[item] = true
            result.push(item)
        }
    })
    return result;
}
 //去重-方法三
function unique3(arr) {
    return [...new Set(arr)]
}