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

最新推荐文章于 2023-01-18 15:07:31 发布
最新推荐文章于 2023-01-18 15:07:31 发布
阅读量188 收藏 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()方法返回的索引与当前索引进行比较,以确定当前项是否重复.

风中告退
关注
专栏目录
算法思想简介（分制（分开在递归），贪心（DJS）,动态分配（dp，解决多变化条件），回溯（万能，深度优先））
ZJQ的博客
11-13 814
不管是动态规划，还是回溯都是在可选择 条件固定时，进行选择 ，都会用到递归调用。 不同的是： 贪心最好理解，从头开始找最优结果一直到最后。（一般for循环就可以） 分治思想就是完全的找局部最优解，然后综上所述。（递归调用进行区域划分） 动态规划一般见问题从 结束点出发，找最小范围的最优解，然后迭代到初始位置。（爬楼梯问题：找出最后一步最优解，递归到第一步） 回溯的话就是从头开始进行试探，...
想进互联网大公司？那这些题你总得会吧？前端面试题2022及答案前端面试题2022及答案
m0_67392409的博客
03-02 1846
长文噩梦预警！ 如果你 想进大型互联网公司 本文掌握程度90%~100% 想进中大企业 掌握程度70%~85% 想进小企业 掌握程度45%~80% 想家里蹲 掌握程度：undefined 咳咳，如果你是大神的话当我什么都没说哈，小弟祝您发大财。 接下来的题我会根据重点程度使用来标记，越多标明越重点，满星是5颗星 ok，你准备好了吗？咱们开始吧！ 本文章是根据2022年的面试题走向对《身为三本的我就是凭借这些前端面试题拿到百度京东offer的，前端面试题2021及答案》的做了一
JS 数组的几个炫酷操作
weixin_34128501的博客
04-03 267
前言 本文主要从应用来讲数组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...
js高阶函数
chenjh213的专栏
04-10 857
在通常的编程语言中，函数的参数只能是基本类型或者对象引用，返回值也只是基本数据类型或对象引用。但在Javascript中函数作为一等公民，既可以当做参数传递，也可以被当做返回值返回。 所谓高阶函数就是可以把函数作为参数，或者是将函数作为返回值的函数。回调函数代码复用是衡量一个应用程序的重要标准之一。通过将变化的业务逻辑抽离封装在回调函数中能够有效的提高代码复用率。 比如ES5中为数组增加的for
JS高级用法系列
那片枫叶~
02-24 632
数组扁平化处理 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
Javascript高级玩法
天使的心跳
06-14 540
1，执行 (function(id){return id+1})(2); 则会返回3 2，执行 ~~4.5 返回4 执行~~"4.5"也返回4
js 高级 prototype
Claroja
01-23 109
function Person(uname, age) { this.uname = uname; this.sing = function() { console.log('我会唱歌'); } } var person1 = new Person('wang', 18); var person2 = new Person('wei', 18); person1.sing();//我会唱歌 person2.sing();//我会唱歌 这里person1和person.
学透JavaScript 你真的懂 Array 吗？
LuZhenQian2017的博客
03-09 1866
前言 科普 JavaScript，揭开 JavaScript 神秘面纱，直击 JavaScript 灵魂。此系列文章适合任何人阅读。 本文章内容为： 标准化数组。 数组与数组容器。 ECMAScript 规范中 Array API 讲解。 如果你想用 Array，而又不想学 API 的办法。 标准规范以外的 Array API 扩展。 V8 引擎对 Array 的处...
2021-09-26
qq_25843323的博客
09-26 1万+
面试二问了整个项目的整体的流程，为什么选择某些技术或者基础组件 1.自我介绍 2.挑一个项目，画项目的架构图 Kafka发送数据之后立即返回还是等待ACK之后才返回？ Kafka工作流程： producter先从Zookeeper获取分区的leader producter将消息发送给leader Leader将消息写入本地文件 followers从leader pull消息 followers将消息写入本地后向leader发送ACK leader收到所有副本的A
JAVA经典面试题附答案(持续更新版)
hjseo_seg的博客
06-23 1万+
前言: 少年易老学难成，一寸光阴不可轻。未觉池塘春草梦，阶前梧叶已秋声 。—朱熹《劝学诗》 勤奋才是改变你命运的唯一捷径。 整理不易,各位看官点赞再看更舒适，养成好习惯(●′｀●)1.JAVA中的几种基本类型，各占用多少字节？ 下图单位是bit,非字节 1B=8bit 2.String能被继承吗？为什么？ 不可以，因为String类有final修饰符，而final修饰的类是不能被继承的，实现细节不允许改变。平常我们定义的String str=”abc”(直接赋一个字面量);其实和String str=
javaScript中的高级技巧
qf2019的博客
03-24 84
函数绑定 函数绑定这个是一个非常流行的一个对函数的一种使用技巧，它通过在特定的this环境下去指定参数的形式，去调用一个函数，这就称作是函数绑定。 在我们用的最普遍的一个地方，就是在React使用面向对象编程的时候，绑定一个点击事件的情况，就是属于函数绑定的范畴。 函数绑定有什么作用呢，同样的我们以一个点击事件作为例子 <button id = 'dd' name='anta'>点击点击点击</button> const test = { name: 'nike',
JS去重的四种方法
YYY__6的博客
08-21 2215
编写函数norepeat(arr) 将数组的重复元素去掉，并返回新的数组 方法一 function norepeat(arr){ for(var i = 0;i<arr.length-1;i++){ for(var j = i+1;j<arr.length;j++){ if(arr[i]==arr[j]){ arr.splice(j,1); ...
数组高阶函数：map()、filter()、reduce()
6块腹肌的博客
07-10 206
学习下这三个函数的用法 一：使用map方法对数组的每一项进行操作 这里演示一下对指定的数组的每一项元素进行乘2 const arr = [1, 2, 3, 4, 5]; let arr2 = arr.map(item => { return item * 2 }) console.log(arr2) // [2, 4, 6, 8, 10] 二：使用filter方法对数...
数组去重new set
weixin_42576410的博客
01-18 397
使用 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); ...
JavaScript数组去重（12种方法，史上最全）
S筱潇S四维Smile
10-17 8750
一、利用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 1536
今天需要找个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()
new Set(arr) 数组过滤唯一值
潇湘子的博客
07-20 2150
/** *@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 9400
数组去重方法/校验数组是否有重复项
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、付费专栏及课程。

余额充值