利用js实现数组内元素的删除和去重

最新推荐文章于 2024-09-21 18:46:25 发布
最新推荐文章于 2024-09-21 18:46:25 发布
阅读量165 收藏
点赞数
分类专栏： java 文章标签： js 前端 数组
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lmz1174152395/article/details/87347609
版权

利用js实现数组元素的删除和去重

1.数组元素的删除

具体实现方法：

利用数组名.remove(需要移除的内容，即可)

2.数组元素的去重

具体实现方法：

新数组名=spliceArray(需要去重的数组)；

得到的数组，就是去重过的数组。

南宫伊珣
关注
专栏目录
js实现数组去重方式（12种方法）
m0_47791238的博客
09-27 4233
1、filter + indexOf 2、for + object 3、for + includes 4、for + splice 5、filter + indexOf 6、Map 7、Set 8、set + Array.from 9、sort 排序 10、for + findIndex 11、双重for循环 12、reduce
一行代码实现数组去重js简单
Angela
10-08 3493
数组去重方法有很多，只列出最实用的方法。 有一数组arr需要去重，方法如下： var arr = [100,23,46,46,23,2,5,2,4,7,5,6,6,7,19]; 1. 利用ES6的set var newArr = Array.from(new Set(arr));//不改变原数组 2. 利用ES6的[…] var resultarr = [...new Set(arr)]; /...
JS实现数组去重的八种方法（实用）
热爱前端的大三在校生
11-06 1万+
js数组去重是比较常见的数组操作方式之一，网上有很多关于数组去重的博客文章，方法各式各样，但有些方法实用性很差，很容易造成不必要的麻烦，所以我们需要去其糟粕取其精华，下面我们就整理一些比较实用的数组去重方法。
JS 删除数组中某个元素的几种方式
热门推荐
追梦&天空的博客
04-01 27万+
目录 第一种：删除最后一个元素 pop 删除 slice 删除 splice 删除 for 删除 length 删除 第二种: 删除第一个元素 shift 删除 slice 删除 splice 删除 第三种：删除数组中某个指定下标的元素 splice删除 for 删除 第四种：删除数组中某个指定元素 splice 删除 filter删除 forEach、m...
js数组常用的方法 -增删改查-数据的操作
lixiaoqidecsdn的博客
01-04 3401
数据操作-最常见的离不开--增删改查--项目常用 其余的例如翻转，去重，排序等实际项目使用比较少。 1.增： unshift( ) 方法可向数组的开头添加一个或更多元素，并返回新的长度 push( )方法向数组末尾添加新项目，并返回新长度。 2.删 shift( ) 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值； pop( )方法移除数组的最后一个元素，并返回该元素。 splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。 注释：该方法会改变原始数组。 3
JS实现数组去重方法总结(六种方法)
10-19
标题中提到的是“JS实现数组去重方法总结”，描述中说明了文章将介绍六种方法，并提到了合并数组并去重的方法。文章内容介绍了六种不同的JavaScript数组去重方法，下面对这些方法的知识点进行详细说明。 方法一：...
vue数组去重，数组对象去重
snowflak的博客
11-02 2524
vue数组去重，数组对象去重
利用实例方法实现数组去重（六种方法） 面试常问
weixin_59418570的博客
03-27 591
一：运用splice方法实现：数组去重(tip:直接修改原数组) 二： 运用indexOf方法实现：数组去重(tip:新建空数组，返回新数组) 三：运用includes方法实现数组去重 四：运用sort方法实现数组去重 五：运用对象的唯一key属性 六、利用ES6新增-Set结构
JavaScript移除数组内重复元素的方法
10-24
总结一下，在学习和使用JavaScript进行数组去重时，可以根据具体的应用场景和ES版本选择合适的去重方法。对于ES6之前的版本，可以使用对象属性检测或排序后去重；对于ES6及之后的版本，则推荐使用`Set`对象来实现...
JS实现数组去重方法
weixin_34246551的博客
10-10 716
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JS实现数组去重方法</title></head><body><pre> // 写出一个javascript的函数，实现对一个数组去重的功能// a.构建...
JS实现数组去重（重复的元素只保留一个）
速冻的博客
07-19 1433
https://www.cnblogs.com/jiayuexuan/p/7527055.html
JS实现移除数组中的元素
Delicia_Lani的博客
07-04 2004
移除数组 arr 中的所有值与 item 相等的元素。不要直接修改数组 arr，结果返回新的数组。 【解一】逆向思维，要求不改变原数组，那就把不相等的元素插入新数组。 function remove(arr, item) { if (arr.length === 0) { return arr } else { var result = [] ...
html数组删除指定元素,JS实现数组删除指定元素功能示例
weixin_36195837的博客
07-02 411
本文实例讲述了JS实现数组删除指定元素功能。分享给大家供大家参考，具体如下：www.jb51.net JS数组删除指定元素var array = ["111", "222", "333", "444", "555", "666"];var indexList = [0, 5, 6];var indexList1 = [5];Array.prototype.del = function(indexL...
js数组去重的10种方法
念念不忘的博客
08-07 11万+
Methods 1: 思路：定义一个新数组，并存放原数组的第一个元素，然后将元素组一一和新数组的元素对比，若不同则存放在新数组中。 function unique(arr) { let newArr = [arr[0]]; for (let i = 1; i &lt; arr.length; i++) { ...
文件系统设计 - 开发文件系统 Store (上篇)
qq_44746132的博客
09-21 376
本章以一个基础的响应式Store类开始，对编辑器最核心的基础模块-文件系统管理进行开发设计，遵循面向接口编程的理念，设计文件系统的相关接口类型定义。
前端vue3打印，多页打印，不使用插件（工作中让我写一个打印功能）
m0_51798113的博客
09-17 766
getTableData().tableData，其实就是去后端获取参数去了，因为这是公司的前端框架，基于vxe的，包装的方法，获取了一个表格信息，相当于获取参数。说下总体思路，创建一个组件，里面放多个span字段，然后根据父组件传入的参数，生成子组件，最好我们打印子组件的信息即可。这里也很关键，中间我遇到一个问题，那就是经常第一次点击按钮，dom元素没有加载完，就弹出打印框了，所以我加了一个异步事件，还有记得把抽屉关了。
【Vue】- 路由及传参
不靠谱先森的博客
09-18 1310
什么是单页面应用程序?● 所有功能在一个html页面上实现单页面应用优缺点?● 优点：按需更新性能高，开发效率高，用户体验好● 缺点：学习成本，首屏加载慢，不利于SEO应用场景?● 系统类网站 / 内部网站 / 文档类网站 /移动端站点什么是路由？○ 路由是一种映射关系Vue中的路由是什么?○ 路径和组件 的映射关系○ 根据路由就能知道不同路径的，应该匹配渲染哪个组件如何实现路径改变，对应组件切换,应该使用哪个插件?○ Vue 官方插件 VueRouter。
前端入门：HTML+CSS
最新发布
mingangel的博客
09-21 619
之前的文章我已经讲过HTML，这篇文章我将讲解HTML和CSS的案例。
js数组中元素对象去重
05-15
在JavaScript中，如果要对数组中的元素对象进行去重，可以利用对象的某个属性作为去重依据，具体实现步骤如下： 1. 创建一个新数组用于存放去重后的元素对象。 2. 遍历原数组中的元素对象，将元素对象的某个属性值作为判断依据。 3. 利用indexOf()方法判断新数组中是否已存在该属性值，如果不存在，则将元素对象添加到新数组中。 4. 返回新的数组，即为去重后的元素对象数组。 下面是一个简单的代码示例： ``` let arr = [{ name: 'Tom', age: 18 }, { name: 'Jerry', age: 20 }, { name: 'Tom', age: 18 }]; function unique(arr, attr) { let newArr = []; let tempArr = []; for(let i=0; i<arr.length; i++) { let item = arr[i]; if(tempArr.indexOf(item[attr]) == -1) { tempArr.push(item[attr]); newArr.push(item); } } return newArr; } let uniqueArr = unique(arr, 'name'); console.log(uniqueArr); ``` 在上面的代码中，我们通过unique()函数对原数组arr进行去重操作。该函数接受两个参数，分别为要进行去重的数组和去重依据的属性名。我们创建了两个数组newArr和tempArr，分别用于存放去重后的元素对象和去重依据。在遍历原数组arr的过程中，我们通过判断tempArr中是否已经存在该属性值来进行去重。最后返回去重后的元素对象数组uniqueArr，输出结果为： ``` [ { name: 'Tom', age: 18 }, { name: 'Jerry', age: 20 } ] ``` 可以看到，去重成功，重复的元素对象已被删除。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值