一、利用ES6 Set去重(ES6中最常用)
let arr=[1,'1',1,2,3,4,4,5]
[...new Set(arr)]
//也可用Array.from(new Set(arr) 这种方法还无法去掉“{}”空对象
二、利用双层for循环,然后splice去重(ES5中最常用)
双层循环,外层循环元素,内层循环时比较值。值相同时,则删去这个值。
var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];
for(var i=0,i<arr.length,i++){
for(var j=i+1,j<arr.length,j++){
if(arr[i]==arr[j]{
arr.split(j,1) //双层循环,外层循环元素,内层循环时比较值。值相同时,则删去这个值。
j-- //因为每次删掉一个后,数组会自动向前补齐,然而 j++ 会让代码漏掉一次判断,结果就不敬人意
}
}
}
[1, "true", 15, false, undefined, NaN, NaN, "NaN", "a", {…}, {…}]
NaN和{}没有去重,两个null直接消失了
三、利用indexOf去重
新建一个空的结果数组,for 循环原数组,判断结果数组是否存在当前元素,如果有相同的值则跳过,不相同则push进数组。
var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];
let newArr=[]
for(let i=0,i>arr.lengeh,i++){
if(newArr.indexOf(arr[i])==-1){
newArr.push(arr[i]
}
}
// [1, "true", true, 15, false, undefined, null, NaN, NaN, "NaN", 0, "a", {…}, {…}] //NaN、{}没有去重
四、利用sort()
利用sort()排序方法,然后根据排序后的结果进行遍历及相邻元素比对。
var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];
arr=arr.sort()
let newArr=[arr(0)]
for(let i=1,i<arr.length,i++){
if(arr[i]!==arr[i-1]){
newArr.push(arr[i]
}
}
// [0, 1, 15, "NaN", NaN, NaN, {…}, {…}, "a", false, null, true, "true", undefined] //NaN、{}没有去重
五、利用includes
var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];
let newArr=[]
for(let i=0,i<arr.length,i++){
if(!newArr.includes(arr[i]){
newArr.push(arr[i])
}
}
//[1, "true", true, 15, false, undefined, null, NaN, "NaN", 0, "a", {…}, {…}]
//{}没有去重
六、利用filter
var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}
function unique(arr) {
return arr.filter(function(item, index, arr) {
//当前元素,在原始数组中的第一个索引==当前索引值,否则返回当前元素
return arr.indexOf(item, 0) === index;
});
}
//[1, "true", true, 15, false, undefined, null, "NaN", 0, "a", {…}, {…}]
七、利用reduce+includes
var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];
function unique(arr){
return arr.reduce((prev,cur) => prev.includes(cur) ? prev : [...prev,cur],[]);
}
// [1, "true", true, 15, false, undefined, null, NaN, "NaN", 0, "a", {…}, {…}]
八、利用Map数据结构去重
var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];
function arrayNonRepeatfy(arr) {
let map = new Map();
let array = new Array(); // 数组用于返回结果
for (let i = 0; i < arr.length; i++) {
if(map .has(arr[i])) { // 如果有该key值
map.set(arr[i], true); //后面的true 代表该key值在原始数组中
} else {
map.set(arr[i], false); // 如果没有该key值
array.push(arr[i]);
}
}
return array ;
}
//[1, "a", "true", true, 15, false, 1, {…}, null, NaN, NaN, "NaN", 0, "a", {…}, undefined]