说到数组的去重,常规操作是:
var arr=[1,2,3,4,5,1,2,3,4,1,5,2];
var newArr = [];
var len = arr.length
for(var i = 0 ;i < len ;i++){
if(newArr.indexOf(arr[i])==-1){
newArr.push(arr[i]);
}
}
console.log(newArr);
以上这招, IE8以下不支持数组的indexOf方法。可以把这个写在Array的原型上,会显得厉害一点 = > =
想要看起来有点东西,可以这样写:
var arr=[1,2,3,4,5,1,2,3,4,1,5,2];
var newArr = [];
var len = arr.length
for (var i = 0; i < len; i++) {
if(arr.indexOf(arr[i])==i){
hash.push(arr[i]);
}
}
console.log(newArr);
再厉害点:
var arr=[1,2,3,4,5,1,2,3,4,1,5,2],
checkObj = {},
newArr = [],
len = arr.length;
for(let i=0;i<len;i++) {
if(!checkObj[arr[i]]) {
checkObj[arr[i]] = true;
newArr.push(arr[i]);
}
}
console.log(newArr);
利用对象key
当然方法还有很多。
在这里说一个es6提供的新数据结构Set——它类似于数组,但是成员的值都是唯一的,没有重复的值。
var arr=[1,2,3,4,5,1,2,3,4,1,5,2];
var newArr = new Set(arr);
console.log(newArr);
或者使用:
Array.from 调用Set()
var arr=[1,2,3,4,5,1,2,3,4,1,5,2];
var newArr = Array.from(new Set(arr))
console.log(newArr);
其中,Array.from() 方法从一个类似数组或可迭代对象中创建一个新的数组实例,语法如下:
Array.from(arrayLike[, mapFn[, thisArg]])
arrayLike
想要转换成数组的伪数组对象或可迭代对象。
mapFn (可选参数)
如果指定了该参数,新数组中的每个元素会执行该回调函数。
thisArg (可选参数)
可选参数,执行回调函数 mapFn 时 this 对象。
返回值是:一个新的数组实例