JavaScript数组去重方法

1.Set
Set是ES6中一种新的数据结构,它本身是一个构造函数,类似数组,但它的成员值都是唯一的,无重复的值。
利用无重复值这一点可以实现数组去重

//数组去重
[...new Set(arr)]

//by the way--->字符串去重
[...new Set(str)].join('');

2.利用indexOf或者includes
两种方法去重原理是一样的,利用数组中不存在该元素indexOf 返回-1,includes返回 false,这一点筛选数组

//indexOf
  var array = [];
  for (var i = 0; i < arr.length; i++) {
        if (array .indexOf(arr[i]) === -1) {
            array .push(arr[i])
        }
  }
  return array;

//includes
  var array =[];
  for(var i = 0; i < arr.length; i++) {
          if( !array.includes( arr[i]) ) {//includes 检测数组是否有某个值
                  array.push(arr[i]);
            }
  }
  return array

3.filter
filter这里可以接受三个参数,第一二个参数是item和index以外,第三个可以是数组本身!
这里去重的思路很简单:只有我第一次出现的索引等于我当前的索引,就返回,否则不返回。

function unique(arr){
    var res = arr.filter((item,index,arr)=>{
        return arr.indexOf(item) === index;
    });
    return res;
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容