JS数组去重（总结）
1: 定义一个新数组，并存放原数组的第一个元素，然后将原素组一一和新数组的元素对比，若不同则存放在新数组中。
let arr = [1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]
unique(arr);
function unique(arr) {
let newArr = [arr[0]];
for (let i = 1; i < arr.length; i++) {
let repeat = false;
for (let j = 0; j < newArr.length; j++) {
if (arr[i] === newArr[j]) {
repeat = true;
break;
}
}
if (!repeat) {
newArr.push(arr[i]);
}
}
return newArr;
}
2:利用对象属性存在的特性，如果没有该属性则存入新数组。
let arr = [1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]
unique2(arr);
function unique2(arr) {
var obj={}
var newArr=[]
for (let i = 0; i < arr.length; i++) {
if (!obj[arr[i]]) {
obj[arr[i]] = 1;
newArr.push(arr[i])
}
}
return newArr
}
3:利用数组的indexOf下标属性来查询。
let arr = [1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]
unique3(arr);
function unique3(arr) {
var newArr = []
for (var i = 0; i < arr.length; i++) {
if (newArr.indexOf(arr[i])===-1) {
newArr.push(arr[i])
}
}
return newArr
}
4:利用数组原型对象上的includes方法。
let arr = [1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]
unique4(arr);
function unique4(arr) {
var newArr = []
for (var i = 0; i < arr.length; i++) {
if (!newArr.includes(arr[i])) {
newArr.push(arr[i])
}
}
return newArr
}
5:利用数组原型对象上的 filter 和 includes方法。
let arr = [1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]
unique5(arr);
function unique5(arr) {
var newArr = []
newArr = arr.filter(item=>{
return newArr.includes(item) ? '' : newArr.push(item)
})
return newArr
}
6:利用数组原型对象上的 splice 方法。
let arr = [1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]
unique6(arr);
function unique6(arr) {
var i, j, len = arr.length;
for (i = 0; i < len; i++) {
for (j = i + 1; j < len; j++) {
if (arr[i] == arr[j]) {
arr.splice(j, 1);
len--;
j--;
}
}
}
return arr;
}
7:利用数组原型对象上的 lastIndexOf 方法。
lastIndexOf 从后往前遍历查找对应字符串，找到对应字符串结束返回数据，返回值为int类型，返回查找字符串首个字符位置（从0开始查找），未找到返回 -1；
indexOf 从前往后遍历查找对应字符串，找到对应字符串结束返回数据，返回值为int类型，返回查找字符串首个字符位置（从0开始查找），未找到返回 -1；
例如：
let str = '12345654321';
let a = str.indexOf('3'); // a为2
let b = str.lastIndexOf('3'); // b为8
let c = str.indexOf('34'); // c为2
let d = str.lastIndexOf('34'); // d为2
let arr = [1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]
unique7(arr);
function unique7(arr) {
var newArr = [];
for (var i = 0; i < arr.length; i++) {
newArr.lastIndexOf(arr[i]) !== -1 ? '' : newArr.push(arr[i]);
}
return newArr;
}
8:利用 ES6的set 方法
let arr = [1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]
unique8(arr);
function unique8(arr) {
//Set数据结构，它类似于数组，其成员的值都是唯一的
return Array.from(new Set(arr)); // 利用Array.from将Set结构转换成数组
}
