更完备的版本:http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651225113&idx=1&sn=ce77a7d7ea9444f58099e384af5c5a09&chksm=bd49a59d8a3e2c8bc35ebb93ecad11e8d2e362694f9ed4f51d876e218e7a5dc493808dd97aff&mpshare=1&scene=23&srcid=0519i2MzB134HmtvWHXMmfjX#rd
现在要求去重下面这个数组
[1, 2, 3, 3, 3, '0', '1', '2', '测试', '重复', '重复', NaN, NaN, false, false];
方法一:ES6 Set()
var arr=[1, 2, 3, 3, 3, '0', '1', '2', '测试', '重复', '重复', NaN, NaN, false, false];
arr=[...new Set(arr)];
console.log(arr);
Set 是ES6新加的集合,集合中的值不会重复。 ...操作符 会将可遍历对象,转换为数组.
方法二:利用对象
let arr = [1, 2, 3, 3, 3, '0', '1', '2', '测试', '重复', '重复', NaN, NaN, false, false];
let obj ={};
let temp=[];
for( let i = 0; i < arr.length; i++ ) {
let type= Object.prototype.toString.call(arr[i]);//不加类型 分不清 1 '1'
if( !obj[ arr[i] +type] ) {
temp.push( arr[i] );
obj[ arr[i]+ type ] =true;//这里给true 利于代码阅读和判断。 如果给 0,'' ,false ,undefined 都会在if那里判断为 false 不利于代码阅读
}
}
console.log(temp)//去重后: [ 1, 2, 3, '0', '1', '2', '测试', '重复', NaN, false ]
方法三:先排序,再去重
let arr = [1, 2, 3, 3, 3, '0', '1', '2', '测试', '重复', '重复', NaN, NaN, false, false];
arr = arr.sort();
let temp =[];
while(arr.length > 0) {
if( Object.is(arr[0], arr[1]) ) {//Object.is() 用于比较2个值, 比===更靠谱 例如 Object.is(NaN,NaN) 会判断true
arr.shift();
}else{
temp.push( arr.shift() );
}
}//此方法会清空原数组, 可以复制一个数组,再进行操作
console.log(temp)//去重后: [ '0', 1, '1', '2', 2, 3, NaN, false, '测试', '重复' ]
方法四:for in
let arr = [1, 2, 3, 3, 3, '0', '1', '2', '测试', '重复', '重复', NaN, NaN, false, false];
let temp =[];
for(let i = 0; i < arr.length; i++) {
if( !temp.includes( arr[i]) ) {//includes 检测数组是否有某个值 内部调用Object.is() 利用判断NaN
temp.push(arr[i]);
}
}
console.log(temp);//去重后: [ 1, 2, 3, '0', '1', '2', '测试', '重复', NaN, false ]