【JS】数组去重

Pulseum

已于 2022-03-24 08:29:50 修改

阅读量165

点赞数 1

分类专栏： JS 文章标签：前端 javascript

于 2022-03-20 16:10:12 首次发布

本文链接：https://blog.csdn.net/qq_53472371/article/details/123615012

版权

JS 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

数组去重的方法

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var arr = ['c', 'a', 'b', 'a', 'r', 'b', 'r', 'o', 'j', 'o']
        // 方法一：
        function unique(arr) {
            var newArr = [];
            for (var i = 0; i < arr.length; i++) {
                // indexOf(数组元素) 只返回第一个满足条件的索引号 找不到数组元素则返回-1 从前面开始查找
                if (newArr.indexOf(arr[i]) === -1) {
                    newArr.push(arr[i]);
                }
            }
            return newArr;
        }

        var demo = unique(arr);
        console.log(demo);  // ['c', 'a', 'b', 'r', 'o', 'j']

        // 方法二：
        arr1 = Array.from(new Set(arr)); // 去重
        console.log(arr1);  // ['c', 'a', 'b', 'r', 'o', 'j']

		// 方法三：
        var arr = [1, 2, 3, 'str1', "str2", "str2", 1, 2, true, true, false];
        var newArr = arr.reduce(function (pre, item) {
            if (!pre.includes(item)) {
                pre.push(item);
            }
            return pre;
        }, [])	//初始pre是个空数组
        console.log(newArr);    //[1, 2, 3, 'str1', 'str2', true, false]
        
</head>

<body>

</body>

</html>