前端数组去重方法

最新推荐文章于 2024-06-16 17:58:59 发布
最新推荐文章于 2024-06-16 17:58:59 发布
阅读量324 收藏 1
点赞数 1
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_37150764/article/details/109204775
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script type="text/javascript">
            var arr = [1,1,2,6,3,5,0,3,6,8,9,4,4,2,0,9,5,2,7,4,2,3,4,6];
            function uniqueArr (array) {
                var _arr = [],
                    isRepeat;
                for (var i = 0; i < array.length; i++) {
                    isRepeat = false;
                    for (var j = 0; j < _arr.length; j++) {
                        if (_arr[j] == array[i]) {
                            isRepeat = true;
                            break;
                        }
                    }
                    if (!isRepeat) {
                        _arr.push(array[i]);
                    } 
                }
                return _arr;
            }
           console.log(uniqueArr(arr).sort());
    </script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script type="text/javascript">
            var arr = [1,1,2,6,3,5,0,3,6,8,9,4,4,2,0,9,5,2,7,4,2,3,4,6];
            function uniqueArr (array) {
                var _arr = [],
                    isRepeat;
                for (var i = 0; i < array.length; i++) {
                    isRepeat = false;
                    for (var j = i + 1; j <  array.length; j++) {
                        if (array[i] == array[j]) {
                            isRepeat = true;
                            break;
                        }   
                    }
                    if (!isRepeat) {
                        _arr.push(array[i]);
                    } 
                }
                return _arr;
            }
           console.log(uniqueArr(arr).sort());
    </script>
</body>
</html>
永远的净心
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
JavaScript中数组去重的5种方法
11-20
方法一：new Set()实现数组去重 ES6 提供了新的数据结构 Set，它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set 本身是一个构造函数，用来生成 Set 数据结构。Set函数可以接受一个数组，用于初始化。根据 ...
[前端攻坚]：数组去重的几种方法
小陈的博客
12-20 4669
最近还整理一份JavaScript与ES的笔记，一共25个重要的知识点，对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识，提升工作效率。
数组去重的几种方式
前端精髓
07-04 4万+
数组去重有很多种方式，最常用的就是使用Set进行去重，除了这种方式你还能想到其他的吗？今天就让我们一起聊聊关于数组去重的几种方式。 1、filter()和indexOf()实现去重 let originalArray = [1, 2, 3, 4, 1, 2, 3, 4] let uniqueArray = originalArray.filter((item, index, array) => { return array.indexOf(item) === index }) // uniqu
前端数组去重方法总结
最新发布
m0_68218656的博客
06-16 380
新增的数据结构，类似于数组，但是成员的值都是唯一的，没有重复的值，我们一般称为集合，本身是一个构造函数，用来生成 Set 数据结构。上一次的计算结果的返回值（必传）当前元素在数组中的索引。正在处理的值（必传）
JavaScript数组去重（12种方法）
你好瘦
03-05 397
一、利用ES6 Set去重（ES6中最常用） function unique (arr) { return Array.from(new Set(arr)) } var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a'...
(7种)数组去重的实现方法
weixin_58193239的博客
03-26 915
js(7种) 数组去重实现方法
7种方法实现数组去重
weixin_34138056的博客
05-05 888
前言 去重是开发中经常会碰到的一个热点问题，不过目前项目中碰到的情况都是后台接口使用SQL去重，简单高效，基本不会让前端处理去重。 那么前端处理去重会出现什么情况呢？假如每页显示10条不同的数据，如果数据重复比较严重，那么要显示10条数据，可能需要发送多个http请求才能够筛选出10条不同的数据，而如果在后台就去重了的话，只需一次http请求就能够获取到10条不同的数据。 当然，这并不是说前端去重...
JavaScript数组去重的方法总结【12种方法，号称史上最全】
12-07
数组去重，一般都是在面试的时候才会碰到，一般是要求手写数组去重方法的代码。如果是被提问到，数组去重的方法有哪些？你能答出其中的10种，面试官很有可能对你刮目相看。 在真实的项目中碰到的数组去重，一般都是...
高性能js数组去重(12种方法，史上最全)
01-19
数组去重，一般都是在面试的时候才会碰到，一般是要求手写数组去重方法的代码。如果是被提问到，数组去重的方法有哪些？你能答出其中的10种，面试官很有可能对你刮目相看。 在真实的项目中碰到的数组去重，一般都是...
js 数组去重的四种实用方法
12-03
面试前端必须准备的一个问题：怎样去掉Javascript的Array的重复项。据我所知，百度、腾讯、盛大等都在面试里出过这个题目。这个问题看起来简单，但是其实暗藏杀机。 考的不仅仅是实现这个功能，更能看出你对计算机...
JavaScript数组去重的几种方法效率测试
10-21
JavaScript数组去重是前端面试酷爱的问题，问题简单而又能看出程序员对计算机程序执行过程的理解如何。数组去重的方法有很多，到底哪种是最理想的我不清楚。于是我测试了下数组去重的效率。测试二十万个数据，随着...
JS数组去重的6种方法完整实例
10-17
主要介绍了JS数组去重的6种方法,结合完整实例形式总结分析了javascript针对数组去除重复项的相关原理与操作技巧,需要的朋友可以参考下
前端小技巧: 数组去重的15种方法
Wang的专栏
11-11 1049
去重，就是去除重复的选项，得到一组唯一的选项集合的过程上述整理了14条去重方式，大同小异，只是实现方式上的区别注意: 在前端或者说javascript中的集合，是可以使用不同的数据类型的所以，需要注意上述方法中的一些适用场景。
前端数组去重复方法总结（偶然遇到这个问题，以此记录）
weixin_45096939的博客
11-25 1503
4.set + Array.from，ES6的语法，Array.from将一个类数组对象转换为一个真正的数组。6.for+includes，判断数组是否有某项值，有就返回true，没有就返回false并push进去.Set函数可以接受一个数组（或类数组对象）作为参数来初始化，利用该特性也能做到给数组去重。3.Set，ES6的数据类型，Set的一个最大的特点就是数据不重复。7.for + object，对象属性名不能重复。10.Map，利用数据结构存值的特点。2.for循环+indexOf。
数组去重的5种方法
热门推荐
qq_42489540的博客
08-14 6万+
双重for循环去重  原理 两两比较如果相等的话就删除第二个  例如: 1 1 1 3 2 1 2 4  先让第一个1 即arr[0]与后面的一个个比较 如果后面的值等于arr[0] 删除后面的值  第一次结束后的结果是 1 3 2 2 4 删除了后面所有的1  同理 第二次 第三会删除与自己相同的元素 详细介绍 看代码注释 1 2 function noRepeat1(arr){ ...
前端数组对象去重的几种方法，拿来即用
qq_44410862的博客
12-30 4683
工作中有许多地方地方需要前端处理数据，总结了几种数据去重的方法都实验过，可以使用 初始数据 id有相同的需要去重 let person = [ { id: 0, name: "小明" }, { id: 1, name: "小张" }, { id: 2, name: "小李" }, { id: 3, name: "小孙" }, { id: 1, name: "小周" }, { id: 2, na
前端去重大全
Voka丶
02-24 2956
一，单个数组去重 方法一： 双层循环，外层循环元素，内层循环时比较值 如果有相同的值则跳过，不相同则push进数组 Array.prototype.distinct = function(){ var arr = this, result = [], i, j, len = arr.length; for(i = 0; i < len; i++){ for(j = i + 1; j < len; j++){ if(arr[i] === arr...
前端常用去重的几种方式
Bruce__taotao的博客
12-15 796
本文列举几种在前端开发几种去重的方式。
七种数组去重
weixin_30609331的博客
05-10 234
方法实现 双循环去重 双重for（或while）循环是比较笨拙的方法，它实现的原理很简单：先定义一个包含原始数组第一个元素的数组，然后遍历原始数组，将原始数组中的每个元素与新数组中的每个元素进行比对，如果不重复则添加到新数组中，最后返回新数组；因为它的时间复杂度是O(n^2)，如果数组长度很大，那么将会非常耗费内存 function unique(arr) { if (!Ar...
前端数组去重常用的方法
07-20
在前端开发中，常用的数组去重方法有以下几种： 1. 使用 Set：ES6 中引入了 Set 数据结构，它只存储一的值。我们可以通过将数组转换为 Set，然后再将 Set 转换回数组，即可实现去重。 ```javascript const array = [1, 2, 3, 3, 4, 5, 5]; const uniqueArray = Array.from(new Set(array)); console.log(uniqueArray); // [1, 2, 3, 4, 5] ``` 2. 使用 filter：利用数组的 `filter` 方法，遍历数组并返回满足指定条件的元素，从而实现去重。 ```javascript const array = [1, 2, 3, 3, 4, 5, 5]; const uniqueArray = array.filter((value, index, self) => self.indexOf(value) === index); console.log(uniqueArray); // [1, 2, 3, 4, 5] ``` 3. 使用 reduce：通过 `reduce` 方法遍历数组，并将每个元素添加到一个新数组中，但只添加之前没有出现过的元素，从而实现去重。 ```javascript const array = [1, 2, 3, 3, 4, 5, 5]; const uniqueArray = array.reduce((acc, cur) => { if (!acc.includes(cur)) { acc.push(cur); } return acc; }, []); console.log(uniqueArray); // [1, 2, 3, 4, 5] ``` 这些方法都可以很好地实现数组去重，选择哪一种方法取决于具体需求和性能要求。使用 Set 可能是最简洁的方法，但不保证元素的顺序；使用 filter 和 reduce 可以保持原有顺序，但可能会稍微慢一些。根据实际情况选择适合的方法。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值