数组去重(新数组)

最新推荐文章于 2022-10-21 11:45:46 发布
最新推荐文章于 2022-10-21 11:45:46 发布
阅读量153 收藏
点赞数
分类专栏： 前端基础 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_50125215/article/details/117194968
版权

代码:

<!DOCTYPE html>
<html lang="zh-CN">

<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">
    <title>Document</title>
</head>

<body>
    <script>
        // 数组去重：新数组

        let arr = [1, 1, 1, 1, 2, 3, 4, 5, 3, 2, 3, 4, 5]
        //         0

        // 1. 定义一个新数组
        let newArr = []
        // 2. 遍历原数组forEach：取出每个元素
        arr.forEach(function (item) {
            // 3. 判定：indexOf：不存在就放进去：存在不管
            if (newArr.indexOf(item) == -1) {
                // 没找到：不可能重复
                newArr.push(item)
            }
        })

        console.log(newArr)


        // 思路2：原数组上进行操作：删除重复的元素
        /* arr = [1, 1, 1, 1, 2, 3, 4, 5, 3, 2, 3, 4, 5]
        //     0  1  2  3  4  5  6  7  8  9

        // 1. 遍历数组：取出每个元素的值和下标
        // arr.forEach(function (item, index) {
        //     // 2. 拿着自己的值去数组找：找出第一个位置
        //     if (arr.indexOf(item) != index) {
        //         // 3. 位置如果 == 自己：不重复，不要管； 位置 != 自己的位置：自己该删除（splice）
        //         arr.splice(index, 1)
        //     }

        // })
        for (let i = 0; i < arr.length; i++) {
            // i是自己的下标，arr[i]是自己的元素值
            if (arr.indexOf(arr[i]) != i) {
                // 删除自己
                arr.splice(i, 1)

                // 让后面往前挪的元素：需要重新判定，不能跳过
                i--
            }
        } */

        function arrTrip(arr) {
            for (let i = 0; i < arr.length; i++) {
                // i是自己的下标，arr[i]是自己的元素值
                if (arr.indexOf(arr[i]) != i) {
                    // 删除自己
                    arr.splice(i, 1)

                    // 让后面往前挪的元素：需要重新判定，不能跳过
                    i--
                }
            }

            // 返回值
            return arr
        }

        arrTrip(arr)

        console.log(arr)

    </script>
</body>

</html>
Yolo416
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
PHP实现的多维数组去重操作示例
12-20
本文实例讲述了PHP实现的多维数组去重操作。分享给大家供大家参考，具体如下： 最近用到了一个获取历史会议列表的问题，需要去这个多维数组去重后返回返回给客户端，这里使用了几个php的组装函数，分享下，示例代码...
php数组去重的函数代码
10-27
在实际开发中，根据数据结构和业务需求，我们可以选择不同的数组去重方法。`array_unique()`适用于基本类型元素的数组，而`assoc_unique()`则更适用于处理关联数组，特别是需要基于特定键值进行去重的情况。在编写...
javascript数组对象根据对象的键值去重得到新数组
lonsole的博客
02-15 358
var arr = [ { value:1, label:'营销部' }, { value:2, label:'IT部' }, { value:3, label:'销售部' }, { value:1, label:'管理部' }, ] var result = []; var obj = {}; for(var i = 0; i < arr.length; i++) { if(!obj[arr[i].value]) { result.push(a
数组过滤重复元素，将所有重复元素组成个新的数组
小D科技的博客
10-25 794
数组过滤重复元素，将所有重复元素组成个新的数组 var a = [1, 2, 1, 3, 2, 3,4]; var b = Array.from(new Set(a)); var c = [],d=[]; b.map((item) =&gt; { a.map(itemC=&gt;{ if(itemC...
根据对象的属性去重，获取新数组
weixin_30521161的博客
08-29 202
() let cateArr = arr.reduce(function (arr, current) { hash[current.category_id] ? '' : hash[current.category_id] = true && arr.push(current); return arr }, []); () 转...
JS9 新数组
weixin_45128912的博客
07-13 203
JS9 新数组
两个数组如何去除相同的元素，并组成一个新数组
weixin_44880730的博客
10-28 3819
需求：两个数组做比较，在ary01里把含有ary02的元素删掉，组成新的数组ary03 // 数组去重 let arr01=[1,2,3] let arr02=[2,3,4] let newArr=[] // 遍历两个数组，并判断数值是否相等，如果相等，就将空字符串赋值给该数值 for(var i=0;i<arr01.length;i++){ for(var j=0;j<arr02.lengt
vue中对象数组去重的实现
10-15
主要介绍了vue中对象数组去重的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
高性能js数组去重(12种方法，史上最全)
10-15
在JavaScript中，数组去重是一项常见的编程任务，尤其在面试中常常被用来考察候选人的算法理解和编程技巧。这里我们将探讨12种不同的方法来实现JS数组去重，以提高对这些技术的理解。 1. **利用ES6 Set去重**： ...
javascript实现数组去重的多种方法
11-22
数组去重得到的新数组是 [3,2,4,1]，就是这么一个功能。 实现方法比较简单，实现的方式也比较多，很多大牛也写过相关的文章，之所以写这边博客，旨在一是备忘，二是给初学者能更好的理解其实现的原理，好，我们看第...
js 两个数组（对象）去重合并
热门推荐
weixin_40805079的博客
12-06 5万+
项目前台代码中需要用到数组的去重操作，其实也不难，就算是对象数组，判断下对应的属性值也是可以实现的，但是如果我实现的话肯定是最常见的双重for循环，加个flag标记，老套的不能行了，想了想，还是上网找点高级点的操作吧。下面几个方法都是网上找的，链接如下： https://blog.csdn.net/NAMECZ/article/details/82220534 https://blog.csd...
最新数组方法（包括es6）
Kamen_Yip的博客
07-15 162
arr.push() 从后面添加元素，返回值为添加完后的数组的长度 let arr = [1,2,3,4,5] console.log(arr.push(5)) // 6 console.log(arr) // [1,2,3,4,5,5] arr.pop() 从后面删除元素，只能是一个，返回值是删除的元素 let arr = [1,2,3,4,5] console.log(arr.p...
生成新的不重复的数组
a745138121的博客
01-25 146
newarr为新数组，arr为原数组 1.先打乱原数组，然后逐个输出。 var newarr = arr.sort(function(){ return 0.5 - Math.random(); }); 2.while方法。 var arr = ["饼山地车播放","纪委发出","我解方程","我碰见欧迪芬","我就开始对","我文件而发愁"]var newarrNu...
新增数组方法
weixin_44668640的博客
08-08 439
​ 新增数组方法 indexOf方法 查找某个元素在数组中第一次出现的位置 arr.indexOf(元素,[开始查找的起始下标]); // 参数1：将要查找的元素 // 参数2：可选项。从哪个下标开始往后查找 // 返回值：如果找到了，就返回这个元素在数组中的下标，如果没有找到，就返回-1 var arr = [1,2,3,4,5,1,2,3]; var brr=arr.indexOf(3)//需定义变量接受数据 console.log(brr)//2 这个2就是3第一次出现的下标位置 var arr =
es6新数组功能
天明的博客
05-06 245
数组创建 Array.of() 在以new方法定义数组时会遇到这样的情况 let arr = new Array(2); // 如果本意是在arr数组里添加一个2元素这个就不能实现，而是定义的一个长度为2的数组容器 let arr1 = Array.of(2); //我们这样来解决该方法可以实现单参数创建 Array.from() 返回一个以arguments对象(类数组)组成的数组，对象...
ES6新数组方法
刘海鑫的博客
12-06 321
介绍 在发布ES6之后，我已经看到许多开发人员仍然不知道该Array对象最近添加的功能。因此，我决定创建这篇文章来传播信息，并希望许多人将从中受益。 背景 本文不是关于JavaScript数组的介绍，而是有关研究Array对象的新添加功能的更多内容。如果您是初学者，我建议您进行Google搜索。而且，在我看来，这些附加功能确实有目标。并且，其中之一是使我们的生活变得更轻松，并在处理该Array物体时多产。最后，如果您对数组有很好的了解，则可以轻松阅读本文。 ECMAScript 6增强型阵列 如前所述，EC
数组去重的两种方法
weixin_57931538的博客
10-21 780
数组去重的两种方法
js数组去重返回新数组
最新发布
06-08
可以使用ES6中的Set对象来实现数组去重，也可以使用reduce方法遍历数组，返回一个新数组。 方法一：使用Set对象 ```javascript const arr = [1, 2, 3, 2, 1]; const uniqueArr = [...new Set(arr)]; console.log...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值