JavaScript中数组去重最快最简洁方法

最新推荐文章于 2024-04-17 10:14:43 发布
最新推荐文章于 2024-04-17 10:14:43 发布
阅读量228 收藏
点赞数
分类专栏： JavaScript 文章标签： js vue javascript es6 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45086879/article/details/115078828
版权

引言

         在项目中经常用得到数组去重，在某些不需要复用的地方我们就不再去封装一个去重方法或者引入lodash，此处介绍一个ES6中操作数组去重的新方法，快速简洁；不考虑兼容性，这种去重的方法代码最少。但这种方法还无法去掉“{}”空对象

方法

         [...new Set(arr)]

const newArr = [8, 0, 8]
const uniqArr = [...new Set(newArr)] //得到的就是newArr去重后的数组

 

小龙爷ღ
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript数组去重实现方法小结
10-15
JavaScript数组去重是编程中常见的需求，特别是在处理数据集合时，确保每个元素的唯一性至关重要。这篇文章主要讨论了在不同的JavaScript版本中实现数组去重的方法，包括ES3、ES5和ES6。以下是对这些方法的详细解释...
JS学习笔记之数组去重实现方法小结
10-16
因此，Set是实现数组去重的最简洁方法之一。首先创建一个Set，将数组转换为Set，然后将Set转换回数组。这种方法快速高效，不会改变原数组，且适用于所有类型的元素。但需要注意的是，Set不是数组，因此可能不适用于...
js中数组对象去重的两种方法
12-12
方法一： 采用对象访问属性的方法，判断属性值是否存在，如果不存在就添加。 方法二： 采用数组中的reduce方法，遍历数组，也是通过对象访问属性的方法 var arr = [{ key: '01', value: '乐乐' }, { key: '02', value: '博博' }, { key: '03', value: '淘淘' },{ key: '04', value: '哈哈' },{ key: '01', value: '乐乐' }]; // 方法1：利用对象访问属性的方法，判断对象中是否存在key
js数组快速去重方法
飞翔的鱼
07-05 392
1、filter()方法 let arr = [1,1,2,3,4,5,5,6] let arr2 = arr.filter(function(item,index) { // indexOf() 方法返回指定字符串值首次出现的位置 return arr.indexOf(item) === index }) 2、reduce()方法 let arr = [1,1,2,3,4,5,5,6] let arr2 = arr.reduce(function(rs, cur) { // includes
js数组高效去重
眾K的博客
07-28 220
leteventIds=[1,1,2,2,3]leta=Array.from(newSet(eventIds));a=[1,2,3]
JavaScript数组去重各种方法，看谁最快
不见浅诗的博客
07-05 419
本篇文章参考以下博文 数组里面对象去重的3种方法 数组方法reduce JavaScript 高性能数组去重 文章目录一、数组去重性能测试1.1数组去重对象 一、数组去重性能测试 1.1          数组去重对象          橘色 蓝色 红色 绿色 ...
js数组去重的最快方法
huang100qi的专栏
07-02 1256
Array.prototype.unique4 = function() { this.sort(); var re=[this[0]]; for(var i = 1; i < this.length; i++) { if( this[i] !== re[re.length-1]) { re.push(this[i]); } } return re; }    
JS数组去重常用方法实例小结【4种方法】
10-18
在JavaScript中，还有其他高级技巧，如ES6的Set数据结构，可以更简洁地实现数组去重。例如： ```javascript function removeDuplicatedItem5(ar) { return [...new Set(ar)]; } ``` Set是ES6引入的新数据结构，它...
js代码-JS数组去重
07-16
以上就是JavaScript中常用的数组去重方法，选择哪种方法取决于具体的需求，如性能、兼容性和代码简洁性等因素。在实际开发中，应根据实际情况灵活选用。例如，如果考虑性能，Set和Map通常比其他方法更快，但它们在老...
js代码-uniq 函数，实现数组去重
07-16
总之，`uniq`函数是解决JavaScript数组去重问题的一个重要工具。理解并掌握这些去重方法，对于提升JavaScript编程能力大有裨益。在实际应用中，可以根据具体情况选择最合适的方法，确保代码的高效性和可维护性。
js数组中存对象,根据对象的属性进行去重
04-25
在进行web项目开发的时候,有时候需要把一些前端的数组进行去重处理,得到一个去重后的数据,然后在进行相关的操作
js数组快速去重
weixin_50261167的博客
03-30 148
es6新特性，set快速去重
JS数组快速去重
jiandan1127的博客
02-11 2283
1.  常规操作 遍历对比 arr.reduce((result, item) =&gt; { if (result.indexOf(item) &lt; 0) { result.push(item) } return result }, []) 2.  简单操作 filter 删选, arr.filter(function(item, index) { ...
JS 高效快速的数组去重
weixin_30682127的博客
10-19 153
Array.prototype.uniquer = function() { 　　var hash = {}, 　　newarr = [], 　　type; 　　for (var i = 0; i < this.length; i++) { 　　　　type = typeof(this[i])//用type来存储一下数据类型 　　　　if (!hash[this[i]])...
数组 去重算法 php,JS数组去重最快的算法
weixin_33764387的博客
03-25 161
这次给大家带来JS数组去重最快的算法，JS数组去重的注意事项有哪些，下面就是实战案例，一起来看一下。在JS中经常会遇到去除数组中重复数据的需求,在此介绍四种算法以实现JS数组去重的功能.1. 速度最快算法:对象键值对法实现思路：新建一js对象以及新数组，遍历传入数组时，判断值是否为js对象的键，不是的话给对象新增该键并放入新数组。//注意点： 判断 是否为js对象键时，会自动对传入的键执行“toS...
JavaScript数组去重（12种方法，史上最全）
xifanxiaochaorou的博客
03-17 401
数组去重，一般都是在面试的时候才会碰到，一般是要求手写数组去重方法的代码。如果是被提问到，数组去重的方法有哪些？你能答出其中的10种，面试官很有可能对你刮目相看。 在真实的项目中碰到的数组去重，一般都是后台去处理，很少让前端处理数组去重。虽然日常项目用到的概率比较低，但还是需要了解一下，以防面试的时候可能回被问到。 注：写的匆忙，加上这几天有点忙，还没有非常认真核对过，不过思路是没有问题，可能一些小细节出错而已。 数组去重的方法 一、利用ES6 Set去重（ES6中最常用） function un
JS数组对象去重
lyn1772671980的博客
01-24 466
var allData = [       {key:1,value:2},       {key:2,value:3},       {key:1,value:2},       {key:1,value:3}   ];   var result = [];   var obj = {};   for(var h =0; h&lt;allData.length; h++){        i...
js数组去重的10种有效方法 vue 数组去重，2024年最新Web前端常见面试题知乎
最新发布
2401_84139908的博客
04-17 642
小编的一位同事在校期间连续三年参加ACM-ICPC竞赛。从参赛开始，原计划每天刷一道算法题，实际上每天有时候不止一题，一年最终完成了 600+：凭借三年刷题经验，他在校招中很快拿到了各大公司的offer。入职前，他把他的刷题经验总结成1121页PDF书籍，作为礼物赠送给他的学弟学妹，希望同学们都能在最短时间内掌握校招常见的算法及解题思路。整本书，我仔细看了一遍，作者非常细心地将常见核心算法题和汇总题拆分为4个章节。
js数组去重（9种方法），你都会了吗？
热门推荐
前端菜鸟好先森的博客
12-03 7万+
九种数组去重的方式和详解（包含对象数组去重）
javascript中数组去重
12-13
在JavaScript中，有多种方法可以对数组进行去重。以下是其中两种常见的方法： 1.利用Set数据结构去重 ```javascript let list = ['你是最棒的5', 8, 8, 1, 1, 2, 2, 3, 3, 4, 4, 5, 5, 6, 6, 7, 1, 2, 3, 4, 5, 6, 7, 8, '你是最棒的5']; let newlist = Array.from(new Set(list)); console.log('newlist', newlist); // 输出：['你是最棒的5', 8, 1, 2, 3, 4, 5, 6, 7] ``` 2.利用双层for循环或单层for循环去重 ```javascript // 双层for循环去重 let list = ['你是最棒的5', 8, 8, 1, 1, 2, 2, 3, 3, 4, 4, 5, 5, 6, 6, 7, 1, 2, 3, 4, 5, 6, 7, 8, '你是最棒的5']; for (let i = 0; i < list.sort().length; i++) { for (let j = i + 1; j < list.sort().length; j++) { if (list[i] == list[j]) { list.splice(i, 1) j-- } } } console.log('newlist', list); // 输出：['你是最棒的5', 1, 2, 3, 4, 5, 6, 7, 8] // 单层for循环去重 let list = ['你是最棒的4', 8, 8, 1, 1, 2, 2, 3, 3, 4, 4, 5, 5, 6, 6, 7, 1, 2, 3, 4, 5, 6, 7, 8, '你是最棒的4']; let newlist = []; for (let i = 0; i < list.sort().length; i++) { if (list[i] == list[i + 1]) { list.splice(i, 1) i-- } } console.log('newlist', list); // 输出：['你是最棒的4', 1, 2, 3, 4, 5, 6, 7, 8] ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值