js 数据去重

最新推荐文章于 2024-04-17 09:34:00 发布

wen_binObject

最新推荐文章于 2024-04-17 09:34:00 发布

阅读量2.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：个人日记 javascript 文章标签： js 数组去重

本文链接：https://blog.youkuaiyun.com/wen_binobject/article/details/80097868

个人日记同时被 2 个专栏收录

70 篇文章

订阅专栏

javascript

28 篇文章

订阅专栏

###1.最容易想到的方案支持IE8+

function unique(arr) {
  var ret = []

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

  return ret
}

###2.IE6-IE8 for两次性能一般

var indexOf = [].indexOf ?
    function(arr, item) {
      return arr.indexOf(item)
    } :
    function indexOf(arr, item) {
      for (var i = 0; i < arr.length; i++) {
        if (arr[i] === item) {
          return i
        }
      }
      return -1
    }

function unique(arr) {
  var ret = []

  for (var i = 0; i < arr.length; i++) {
    var item = arr[i]
    if (indexOf(ret, item) === -1) {
      ret.push(item)
    }
  }

  return ret
}

##ES6写法
用之前先了解下Array.from（）
###Array.from（）将类数组转换成数组

let arrayLike = {
    0: 'wen', 
    1: '18',
    2: '男',
    3: ['haha','hehe','heihei'],
    'length': 4
}
let arr = Array.from(arrayLike)
console.log(arr) // ['wen','18','男',['haha','hehe','heihei']]

如果上面数据没有length属性呢？

let arrayLike = {
    0: 'wen', 
    1: '18',
    2: '男',
    3: ['haha','hehe','heihei'],
}
let arr = Array.from(arrayLike)
console.log(arr) // []空数组

我们得到了一个结论类数组想要通过 Array.form（）转换
$该类数组对象必须具有length属性，用于指定数组的长度。如果没有length属性，那么转换后的数组是一个空数组。\color{red}{该类数组对象必须具有length属性，用于指定数组的长度。如果没有length属性，那么转换后的数组是一个空数组。}$

###将字符串转换为数组

let  str = 'hello world!';
console.log(Array.from(str)) ///["h", "e", "l", "l", "o", " ", "w", "o", "r", "l", "d", "!"]

###Array.from还可以接受第二个参数，作用类似于数组的map方法，用来对每个元素进行处理，将处理后的值放入返回的数组。如下：

let arr = [12,34,56,78,9,520]
let set = new Set(arr)
console.log(Array.from(set, item => item + 1)) 
//[13, 35, 57, 79, 10, 521]

##1.Set + Array.from() 只能去重一阶数组

$Array.from()方法可以将类数组对象(array−likeobj)和可迭代对象(iterableobjects−−eg:Map或者Set)转为常规数组\color{red}{Array.from()方法可以将类数组对象(array-like obj)和可迭代对象(iterable objects -- eg:Map或者 Set)转为常规数组}$

 let arr = Array.from(new Set([1,2,3,5,7,1,2,1]))
 console.log(arr); //[1,2,3,5,7]
 console.log(arr.length);//5
 for (let i = 0; i < arr.length; i++) {
 	console.log(arr[i]);
 	//1
 	//2
 	//3
 	//5
 	//7
 };

这个例子说明了转换之后的数据可以遍历有长度。

 let arr = Array.from(new Set([1,2,3,5,7,1,2,1,[1,1,1]]))
 console.log(arr);
 /[,2,3,5,7,[1,1,1]]

二阶数组去重不能用Set+Array.form（）

2 …[拓展运算符] + Set

 let arr = [...new Set([1,2,3,5,7,1,2,1])] 
console.log(arr);// [1,2,3,5,7]