一般的方法此处也不列举了 , 还是有很多的 , 如双层循环判断是否相等 , 或新建数组比较再push等等 , 需要注意的是 , 使用splice方法移除元素时 , 有可能会导致数组塌陷问题 , 需要处理一下
【数组拆分成多个数组 js数组移除制定对象】本文中介绍了多种数组去重的方法 , 使用了较多的高阶方法及API , 并给出相应解释及语法 , 还有其他多种组合调用方式 , 原理逻辑其实都差不多 , 其中for循环可以与forEach方法相互转换 , 因此此处便不再一一列举 , 大家如果有更好的算法 , 可以留言给我 , 虚心请教!!
给定一个数组 [1,2,2,4,null,null,’3′,’abc’,3,5,4,1,2,2,4,null,null,’3′,’abc’,3,5,4] 去除重复项
let arr = [1,2,2,4,null,null,’3′,’abc’,3,5,4,1,2,2,4,null,null,’3′,’abc’,3,5,4]
1. 利用对象的 key 唯一 众所周知 , 对象的key不可重复 , 否则后者将覆盖前者 。利用该特性 , 实现数组去重 , 遍历数组 , 将数组的每一项做为对象的key值
let obj = {};
for (let i = 0; i < arr.length; i) {
let item = arr[i]
if (obj[item] !== undefined) {
arr.splice(i, 1);
i–; // 解决删除元素后 , 数组塌陷问题
continue;
}
obj[item] = item
}
// arr: [1, 2, 4, null, “3”, “abc”, 3, 5]
2. 交换元素位置从而替换调 splice方法 上述方法存在一定的性能问题 , 也就是说 , 基于splice实现删除性能不太好 , 当前项被删除后 , 随后每一项的索引都要向前移动一位 , 数据量较庞大时 , 一定会影响性能 。
基于以上考虑 , 交换元素的位置 , 效率会更高一点 , 若当前元素重复 , 则与数组最后一位元素交换位置 , i–再次进行判断即可 , 同时length–,操作数组的长度实现删除数组的最后一个元素 , 这样便不会影响到数组中其他元素
let obj = {};
for (let i = 0; i < arr.length; i) {
let item = arr[i]
if (obj[item] !== undefined) {
arr[i] = arr[arr.length-1]
arr.length–;
i–;
continue;
}
obj[item] = item
}
// arr: [1, 2, 4, null, “3”, “abc”, 3, 5]
3. Array.filterArray.indexOf filter() 方法:创建一个新数组 , 新数组中的元素是指定数组中符合某种条件的所有元素 。如果没有符合条件的元素则返回空数组 。
语法:array.filter(function(item,index,arr))
filter() 不会对空数组进行检测 。原理:返回 item 第一次出现的位置等于当前的index的元素
filter() 不会改变原始数组 。
let newArr = arr.filter((item, index) => arr.indexOf(item) === index);
// [1, 2, 4, null, “3”, “abc”, 3, 5]
4. Array.filterObject.hasOwnProperty hasOwnProperty() 方法:返回一个布尔值 , 表示对象自身属性中是否具有指定的属性
推荐阅读
- 淡奶油拆开可以冷藏多少天 淡奶油开封后冷藏可以放多久
- 比亚迪f0后座怎么拆下来 简述比亚迪f0后座怎么拆下来
- 拆开的黄油要怎么防串味 黄油怎么保存冷冻还是冷藏
- Python中numpy有哪些功能优于列表?Python列表的性能比numpy数组好?
- 初学者五笔怎样拆字 初学者怎么才能快速学会五笔拆字
- php数组最大长度 php数组追加元素
- 空调过滤网怎么拆 拆过滤网的方法
- 老旧预制板楼板房国家要拆吗 30年的预制板楼房会拆吗
- 拆地瓷砖技巧 如何盖住水泥踢脚线
- 抽屉轨道怎么拆 注意平整取出避免损坏