【JavaScript】37_数组去重

简介: ## 方法一、改变原数组```html <script> const arr = [1,2,1,3,2,2,4,5,5,6,7] //分别获取数组中的元素 for(let i = 0; i < arr.length ; i++){ //获取当前值后边的所有值 for(let j = i + 1; i < arr.length; j++){ //判断两个数是否相等 if(arr[i] === arr[j]){

方法一、

改变原数组

    <script>
        const arr = [1,2,1,3,2,2,4,5,5,6,7]

        //分别获取数组中的元素
        for(let i = 0; i < arr.length ; i++){
            //获取当前值后边的所有值
            for(let j = i + 1; i < arr.length; j++){
                //判断两个数是否相等
                if(arr[i] === arr[j]){
                    //出现了重复元素,删除后边的元素即可
                    arr.splice(j,1)
                    /* 
                        当arr[i] 和 arr[j]相同时,它会自动的删除j位置的元素,然后j+1位置的元素,会变成j位置的元素
                        而j位置已经比较过了,不会重复比较,所以会出现漏比较的情况
                        解决办法,当删除一个元素后,需要将该位置的元素在比较一遍
                    */
                    j--
                }
            }
        }
        console.log(arr)
    </script>

方法二、

新建一数组

    <script>
        const arr = [1, 2, 1, 3, 2, 2, 4, 5, 5, 6, 7]

        // 获取数组中的元素
        // for(let i=0; i<arr.length; i++){
        //     const index = arr.indexOf(arr[i], i+1)
        //     if(index !== -1){
        //         // 出现重复内容
        //         arr.splice(index, 1)
        //         i--
        //     }
        // }
        // console.log(arr)

        const newArr = []

        for(let ele of arr){
            if(newArr.indexOf(ele) === -1){
                newArr.push(ele)
            }
        }

        console.log(newArr)
    </script>
相关文章
|
6月前
|
JavaScript 前端开发
js实现对象数组去重
js实现对象数组去重
42 0
|
6月前
|
JavaScript 小程序
js数组去重的10种有效方法 vue 数组去重
js数组去重的10种有效方法 vue 数组去重
|
6月前
|
存储 JavaScript 前端开发
史上最详细JavaScript数组去重方法(11种)
使用set和Array.from ()方法 array.from可以将set结构转成数组
59 7
|
18天前
|
存储 JavaScript 前端开发
JavaScript数组去重的八种方法详解及性能对比
在JavaScript开发中,数组去重是一个常见的操作。本文详细介绍了八种实现数组去重的方法,从基础的双重循环和 indexOf() 方法,到较为高级的 Set 和 Map 实现。同时,分析了每种方法的原理和适用场景,并指出了使用 Set 和 Map 是目前最优的解决方案。通过本文,读者可以深入理解每种方法的优缺点,并选择最合适的数组去重方式。
32 0
|
5月前
|
存储 JavaScript 前端开发
JS中数组去重的几种方法
JS中数组去重的几种方法
26 1
|
4月前
|
JavaScript
JS 数组去重(含简单数组去重【5种方法】、对象数组去重【2种方法】)
JS 数组去重(含简单数组去重【5种方法】、对象数组去重【2种方法】)
45 0
|
4月前
|
JavaScript 前端开发 C++
JavaScript 数组去重——普通数组去重 vs 对象数组去重
JavaScript 数组去重——普通数组去重 vs 对象数组去重
33 0
|
6月前
|
JavaScript
分享经典面试题:JS数组去重的多种方法
分享经典面试题:JS数组去重的多种方法
|
6月前
|
JavaScript
js多维数组去重并使具有相同属性的对象数量相加
js多维数组去重并使具有相同属性的对象数量相加
32 1
|
6月前
|
JavaScript
js数组去重
js数组去重
39 1