Javascript实现数组去重的多种方法

最新推荐文章于 2024-06-13 10:05:02 发布

日常保护好头发

最新推荐文章于 2024-06-13 10:05:02 发布

阅读量159

点赞数 1

分类专栏： javaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_43912516/article/details/129592017

版权

javaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

var arr = [1, 1, 'true', 'true', true, true, false, false, undefined, undefined, null, null, NaN, NaN, 'NaN', 'NaN', 0, 0, 'a', 'a', {}, {}];

1、利用ES6 Set去重（ES6中最常用）

在这里插入图片描述

2、利用for嵌套for，然后splice去重（ES5中最常用）

在这里插入图片描述

3、利用indexOf去重

在这里插入图片描述

4、利用sort()

在这里插入图片描述

5、利用includes

在这里插入图片描述

6、利用hasOwnProperty

在这里插入图片描述

7、利用filter

在这里插入图片描述

8、利用递归去重

在这里插入图片描述

9、利用Map数据结构去重

在这里插入图片描述

10、利用reduce+includes

在这里插入图片描述

关于JavaScript实现数组去重的方法暂时先收集这么多啦，后续有其他的再进行补充更新~

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

日常保护好头发

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Javascript实现数组去重的多种方法

关于JavaScript实现数组去重的方法暂时先收集这么多啦，后续有其他的再进行补充更新~
复制链接

扫一扫

专栏目录

JavaScript数组去重的多种方法(四种)

01-21

数组去重，一般需求是给你一个数组，调用去重方法，返回数值副本，副本中没有重复元素。一般来说，两个元素通过 === 比较返回 true 的视为相同元素，需要去重，所以，1 和 “1” 是不同的元素，1 和 new Number(1) ...

js数组去重,除重的方式（尽可能多）

qq_41856825的博客

10-07

484

测试数组： let arr = [3, 1, 0, 0, 1, 1, 2, 3, 4, 2, 1, 2, 4, 2, 3, 0, 2, 4, 2, 1, 4, 5, 5, 5, 3]; 先来几个简单的 //数组去重1 function arrayUniq1(arr) { let result = arr.filter((item, index, array) => { return array.lastIndexOf(item) == index

参与评论您还未登录，请先登录后发表或查看评论

js 数组去重，能用几种方法实现

m0_71231013的博客

06-16

420

1、使用 es6 set 方法 [...new Set(arr)]let arr = [1,2,3,4,3,2,3,4,6,7,6]; let unique = (arr)=>[...new Set(arr)]; unique(arr);//[1, 2, 3, 4, 6, 7]2、利用新数组 indexOf 查找 indexOf() 方法可返回某个指定的元素在数组中首次出现的位置。如果没有就返回-1。3、for 双重循环通过判断第二层循环，去重的数组中是否含有该元素，如果有就退出第二层循环，如果没有 j

js中的数组去重的多种方法

weixin_49070186的博客

01-07

362

数组去重有很多方法，下面列举几种方式 1. indexOf()方法 const arr = [1,2,3,4,5,1,2,3,4,6,1,1,6,6,7,5,8] const newArr = [] arr.forEach(item => { if(newArr.indexOf( item ) === -1){ newArr.push( item ) } }) 2. set类型 - ES6最常用，代码最少 const arr...

JavaScript数组去重（12种方法，史上最全）

asxw00的博客

09-09

676

https://segmentfault.com/a/1190000016418021 数组去重的方法一、利用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',

JavaScript数组去重多种方法

qq_43059898的博客

08-04

245

一、利用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', 'a',{},{}]; console.log(unique(arr)) //[1, "true", true

数组去重的多种方法

duidandan的博客

11-17

7112

第一次执行先把初始值[]传进去，所以此时totalItem是[],判断hash[currItem.phone]存不存在，第一次肯定不存在，所以把currItem.phone作为hash的一个属性，并赋值为true或把它的值赋值，并执行totalItem.push(currItem)及[].push(currItem),后面的判断同理，检查hash中的currItem.phone，存在就为null什么都不操作，不存在说明totalItem中也不存在，所以赋值并push即可；filter用于对数组进行过滤。

浅理解JavaScript数组去重的方法（划重点），当面试官问如何实现数组去重时，你可以这样做...

黛琳ghz的博客，期待你的关注。

04-19

831

好久没写面试题的文章了，今天这篇文章讲一讲一个常见的面试题。在前端开发岗位的面试过程中，我们可能或多或少会提及数组这个知识点，对于数组的相关操作也是一个经常提及的技术点，其中数组去重是面试中非常常见的一个问题，无论是手写还是口述，我们都要有清晰的逻辑和思路去面对这个问题，因此这篇文章我们来浅理解在JavaScript中如何实现数组去重，让你在面试中无压力回答面试官。

javascript 数组去重的多种方法(包括ES5和ES6)

qq_43399210的博客

12-19

1094

概述根据我自己的总结归纳，数组去重分为两种类型的方法，一种是在原来的的数据里面删除重复的元素，另一种是把原数组里面相同的元素添加到一个新数组里面。不管是什么方法都是利用这种解决思路去设计的。一 .删除原数组里面重复的元素 splice()方法 1使用双重for循环遍历删除重复的元素 var numArr = [1,1,1,2,2,2,2,2,2,3,3,3,4,5,6,5,6]; var strArr = ['a','a','a','b','b','c','cc'] function norepeat(

js实现数组去重的方式(7种)

热门推荐

qq_52732369的博客

12-11

6万+

js实现数组去重的7种方式

javascript实现数组去重的多种方法

11-22

实现方法比较简单，实现的方式也比较多，很多大牛也写过相关的文章，之所以写这边博客，旨在一是备忘，二是给初学者能更好的理解其实现的原理，好，我们看第一种实现方式：第一种，通过遍历新数组来去重 var

javascript实现数组去重的多种方法_.docx

10-09

下面将介绍多种实现数组去重的方法。 1. 通过遍历新数组来去重这种方法是使用for循环遍历原数组，每次遍历检查新数组中是否已经存在当前元素，如果不存在则添加到新数组中。这种方法的主要思路是新建一个数组，...

[Vue-常见错误]浏览器显示Uncaught runtime errors

一个喜欢什么都研究一下的小小后端程序员

06-09

305

在vue.config.js中配置关闭Uncaught runtime errors显示。

基于JavaScript 如何实现爬山算法以及优化方案

乐闻世界

06-10

1163

爬山算法（Hill Climbing Algorithm）是一种常见的启发式搜索算法，常用于解决优化问题。其核心思想是从一个初始状态出发，通过逐步选择使目标函数值增大的邻近状态来寻找最优解。接下来，我们将通过 JavaScript 实现一个简单的爬山算法，帮助大家理解其原理和应用。从一个初始状态开始。评估当前状态的目标函数值。在当前状态的邻居中选择一个目标函数值更大的状态。如果找到了更优的邻居，则移动到该邻居并重复步骤2和步骤3。如果没有更优的邻居，则算法结束，当前状态即为局部最优解。

vue3如何定义一个组件

Java程序员专栏

06-09

504

注意在子组件的 <template> 中，你使用 {{ propName }} 来显示传递进来的参数值。在父组件中，你使用 :propName="parentMessage" 来将 parentMessage 数据的值绑定到子组件的 propName prop 上。当使用 <script setup> 语法糖时，你不能直接在 <script> 标签内使用 props 选项。在 Vue 3 中，定义一个可以接收参数的组件通常是通过在组件的 props 选项中定义这些参数来完成的。// 其他组件逻辑...

Harmony 开发的艺术面向对象

不懂先生的博客

06-13

764

然后你可以创建多个子类，如“圆形”、“矩形”和“三角形”，它们都继承自“形状”类并实现了自己的“绘制”方法。尽管每个对象的类型可能不同（圆形、矩形、三角形等），但由于它们都继承了“形状”类并实现了相同的“绘制”方法，因此你可以通过父类引用来统一调用它们的方法。然后你可以创建一个“狗”类，它继承自“动物”类，并添加或覆盖一些特定的属性和方法（如“叫”和“摇尾巴”）。所以面向对象的三大特征（封装、继承、多态）在java语言中很容易实现的设计，搬到早期的JavaScript中，就变噩梦一样的存在。

JS-12-es6常用知识-async

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

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交

Javascript实现数组去重的多种方法

1、利用ES6 Set去重（ES6中最常用）

2、利用for嵌套for，然后splice去重（ES5中最常用）

3、利用indexOf去重

4、利用sort()

5、利用includes

6、利用hasOwnProperty

7、 利用filter

8、利用递归去重

9、利用Map数据结构去重

10、利用reduce+includes

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

7、利用filter