js数组去重方法总结

栏目: JavaScript · 发布时间: 5年前

内容简介:假设我们有数组arr,并且声明新数组hash用来存放去重后的元素:以下是数组去重常见的几个方法

假设我们有数组arr,并且声明新数组hash用来存放去重后的元素:

var arr = [23,44,5,2,23,5,1,7,8,7];    //包含重复元素  
var hash= [];      //声明新数组

以下是数组去重常见的几个方法

1.遍历数组使用indexOf去重

思路:新数组中若该项的下标为-1,则表示新数组中没有找到,就可以将该项放入新数组中。

arr.forEach(item=>{
    if(hash.indexOf(item) == '-1'){
        hash.push(item);
    }    
})
console.log(hash);    //[23, 44, 5, 2, 1, 7, 8]

2.遍历数组使用indexOf去重

思路:若该项的下标和该项在数组的下标相同,则放入新数组。不是则过滤掉。

注:【indexOf()方法可以返回某个指定字符串在字符串中首次出现的位置】

比如:console.log(arr.indexOf(23));     //0

'23' 首次出现的位置是数组中的第一个,即下标为0

arr.forEach((item,index)=>{
    if(arr.indexOf(item) == index){
        hash.push(item);
    }
})

3.遍历数组使用标识符去重

var obj = {};    //声明一个变量标识
arr.forEach(item=>{
    if(!obj[item]){   
        obj[item] = true;
        hash.push(item)
    }
})

4.sort排序后遍历过滤数组

思路:先给数组排序,这样相同的项总是相邻。然后遍历数组和前一个对比,不相等就放入新数组中。(只针对 排序 后的)

var hash = [arr[0]];
arr.forEach((item,index)=>{
    if(item != hash[hash.length-1]){
        hash.push(item)
    }
})

5.ES6实现

思路:ES6提供了新的数组结构Set。类似于数组,但是成员的值都是唯一的。

使用扩展运算符[...]和Set结构相结合,可以去掉数组中重复的元素。

注:[...]扩展运算符内部使用for..of循环。

Set函数接收一个数组(或者类数组的对象)作为参数,用来初始化。

var hash = new Set(arr);
var newArr = [...hash]; 
console.log(newArr);    //[23, 44, 5, 2, 1, 7, 8]

或者

var newArr = Array.from(hash);
【Array.from它的作用,就是可以把类数组对象、可迭代对象转化为数组】

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Servlet和JSP学习指南

Servlet和JSP学习指南

Budi Kurniawan / 崔毅、俞哲皆、俞黎敏 / 机械工业出版社华章公司 / 2013-4-14 / 59.00元

本书是系统学习Servlet和JSP的必读之作。由全球知名的Java技术专家(《How Tomcat Works》作者)亲自执笔,不仅全面解读Servlet 和JSP 的最新技术,重点阐述Java Web开发的重要编程概念和设计模型,而且包含大量可操作性极强的案例。 本书共18章:第1章介绍Servlet API和几个简单的Servlet;第2章讨论Session追踪,以及保持状态的4种技术......一起来看看 《Servlet和JSP学习指南》 这本书的介绍吧!

随机密码生成器
随机密码生成器

多种字符组合密码

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具