JS数组去重的三个高阶玩法

最新推荐文章于 2023-01-18 15:07:31 发布
最新推荐文章于 2023-01-18 15:07:31 发布
阅读量155 收藏 2
点赞数 2
分类专栏： JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42698576/article/details/109301036
版权

…newSet（）

对于基本数据类型的数组去重,可以使用 …new Set() 来过滤数组中重复的值,创建一个只有唯一值的新数组.在这里插入图片描述

Array.from(new Set())

在这里插入图片描述

Array的.filter及indexOf()

在这里插入图片描述
注意,indexOf()方法将返回数组中第一个出现的数组项.这就是为什么我们可以在每次迭代中将indexOf()方法返回的索引与当前索引进行比较,以确定当前项是否重复.

风中告退
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue数组响应式操作及高阶函数使用代码详解
10-15
主要介绍了Vue数组响应式操作及高阶函数使用代码详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
python lambda函数及三个常用的高阶函数
09-18
主要介绍了python lambda函数及三个常用的高阶函数,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
数组去重new set
weixin_42576410的博客
01-18 364
使用 JavaScript 的 Set 可以去除数组中重复的元素。可以使用 new Set(array) 创建一个 Set 对象，重复的元素会被过滤掉。使用 Array.from(set) 将 Set 对象转换回数组。 let arr = [1, 2, 3, 4, 4, 5, 3, 2]; let set = new Set(arr); let newArr = Array.from(set); ...
js高阶函数
chenjh213的专栏
04-10 847
在通常的编程语言中，函数的参数只能是基本类型或者对象引用，返回值也只是基本数据类型或对象引用。但在Javascript中函数作为一等公民，既可以当做参数传递，也可以被当做返回值返回。 所谓高阶函数就是可以把函数作为参数，或者是将函数作为返回值的函数。回调函数代码复用是衡量一个应用程序的重要标准之一。通过将变化的业务逻辑抽离封装在回调函数中能够有效的提高代码复用率。 比如ES5中为数组增加的for
JavaScript数组去重（12种方法，史上最全）
S筱潇S四维Smile
10-17 8696
一、利用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'...
js 数组排除重复
wershest的专栏
06-08 1524
今天需要找个Array除重算法，google了一下，在 stackoverflow 上有位大侠极其认真的写了一大堆。看完后觉得挺有收获，整理在此，以便查阅。
JS数组常用的操作方法
热门推荐
简廉的博客
11-04 2万+
1. push() 将一个或多个元素添加到数组的末尾，并返回该数组的新长度。此方法修改原有数组。 var arr = ['a','b','c']; var ele = arr.push('d'); // ele结果为: 4; // arr数组被修改: ['a','b','c','d']; 2. pop()，从数组中删除最后一个元素，并返回该元素的值。如果数组为空，则返回undefined。此方法修改原有数组。 var arr = ['a','b','c','d']; var ele = arr.pop()
短视频原味赛道高阶玩法，如何筛选高质量精准粉？全方位话术＋技巧解答-视频教程网盘链接提取码下载.txt
10-01
今天给大家带来一个《短视频原味赛道高阶玩法，如何筛选高质量精准粉？全方位话术＋技巧解答》教程。很多人觉得原味引流引流简单，随便发点美女视频爆了就有流量了，引流到微信就能卖了。 实这么想的人根本就赚不到...
教程ChatGPT高阶玩法-浏览模式.zip
04-22
教程ChatGPT高阶玩法-浏览模式.zip
三阶魔方玩法图解
01-09
这是一种快速复原三阶魔方的玩法图解，一小时内成为魔方高手。
new Set(arr) 数组过滤唯一值
潇湘子的博客
07-20 2083
/** *@param {Array} arr *@return {Array} newArr * **/ export const uniqueArr = function filteredArr(arr) { newArr = [...new Set(arr)] return newArr } // 或者用箭头函数 export const uniqueArr = arr => { newArr = [...new Set(arr)] return newArr } const arr =
js实现数组去重的三个方法、数组的快速排序
小白变怪兽
03-29 9357
数组去重方法/校验数组是否有重复项
JS合并多个数组去重算法
kongjunchao159的博客
11-04 1万+
var arr1 = ['a','b']; var arr2 = ['a','c','d']; var arr3 = [1,'d',undefined,true,null]; //合并两个数组，去重 var concat_ = function(arr1,arr2){ //不要直接使用var arr = arr1，这样arr只是arr1的一个引用，两者的修改会互相影响 var arr = a
8、组件高级玩法：动态组件
学海无涯苦作舟
02-09 2647
正常在父组件中使用子组件的方法是如下： 父组件html模板代码中：<!--前面的内容--> ... <child-component></child-component><!--这里直接插入子组件标签，然后标签里面的内容都是固定的--> ... <!--后面的内容-->但是如果我们不想这样固定地插入子组件，而是想通过代码动态地创建该如何进行呢？下面就介绍用代码动态创建组件： 直接看代码： 首先
JS 数组的几个炫酷操作
weixin_34128501的博客
04-03 262
前言 本文主要从应用来讲数组api的一些骚操作，如一行代码扁平化n维数组、数组去重、求数组最大值、数组求和、排序、对象和数组的转化等。 上面这些应用场景你可以用一行代码实现吗？ 1.扁平化n维数组1.终极篇 [1,[2,3]].flat(2) //[1,2,3] [1,[2,3,[4,5]].flat(3) //[1,2,3,4,5] [1[2,3,[4,5[...]].flat(Infinit...
Javascript高级玩法
天使的心跳
06-14 527
1，执行 (function(id){return id+1})(2); 则会返回3 2，执行 ~~4.5 返回4 执行~~"4.5"也返回4
js高级进阶之高阶函数篇
weixin_40073115的博客
01-05 1574
学会高阶函数是每一个前端开发者走向高级阶段的必经之路，虽然你可以在业务代码中不去使用，但你总需要去读懂别人的代码吧，如果你不熟悉这些高阶使用方法，必然会遭到鄙视嘲笑，甚至强行复制粘切不明大意的胡乱修改会带来灾难性的后果，当然学习高阶函数也不仅仅是要去使用几个高阶函数方法，最主要的是领略其设计思想，为自己之后写出牛逼点的代码做基础。 高阶函数概念 一等函数 您可能听说过JavaScript将函数视为...
JavaScript：js高阶使用45招
東辰的博客
04-22 1442
JavaScript是一个绝冠全球的编程语言，可用于Web开发、移动应用开发（PhoneGap、Appcelerator）、服务器端开发（Node.js和Wakanda）等等。JavaScript还是很多新手踏入编程世界的第一个语言。既可以用来显示浏览器中的简单提示框，也可以通过nodebot或nodruino来控制机器人。能够编写结构清晰、性能高效的JavaScript代码的开发人员，现如今已成了招聘市场最受追捧的人。 在这篇文章里，我将分享一些JavaScript的技巧、秘诀和最佳实践，除了少数几.
JS高级用法系列
那片枫叶~
02-24 611
数组扁平化处理 Array.prototype.flat = function () { const result = this.map((item) => { if (Array.isArray(item)) { return item.flat(); } else { return [item]; } }); return [].concat(...result); }; Array.prototype.flat2 = function
reduce函数对象数组去重
最新发布
05-31
reduce函数是JavaScript中常用的高阶函数之一，可以对一个数组进行迭代操作，返回一个累积值。数组去重可以通过reduce函数对象进行实现，具体实现方式如下： ```javascript const arr = [1, 2, 2, 3, 4, 4]; const ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值