H5W3
当前位置:H5W3 > 其他技术问题 > 正文

JavaScript4种常用的数组去重

数组去重

面试中或者开发经常会问到数组去重,整理了我知道的四种。还有什么新方法,新操作,欢迎补充!

var arr = [1, 1, '1', '1', 'true', 'true', true, true, null, null, undefined, undefined, NaN, NaN, {'a': 1}, {'a': 1}]
 

1. ES6去重

{}不能去重

Array.from(new Set(arr))
// (9) [1, "1", "true", true, null, undefined, NaN, {…}, {…}]
 

2. 双重遍历去重

{}、NaN不能去重,可做特殊操作实现

function unique(arr = []) {
for(let i = 0; i < arr.length; i++) {
for(let j = i + 1; j < arr.length; j++) {
if(arr[i] === arr[j]) {
arr.splice(j, 1);
j--;
}
}
}
}
// (10) [1, "1", "true", true, null, undefined, NaN, NaN, {…}, {…}]
 

3. indexOf 或者 includes 去重

需要注意的是 includes 可以去除NaN,而 indexOf 不可以。

arr.indexOf(NaN) === -1

function unique(arr = []) {
let newArr = [];
for(let i = 0; i < arr.length; i++) {
debugger;
if(!newArr.includes(arr[i]) || newArr.indexOf(arr[i]) === -1) {
newArr.push(arr[i]);
}
}
return newArr;
}
// (10) [1, "1", "true", true, null, undefined, NaN, NaN, {…}, {…}]
 

4. filter去重

原理:indexOf只会返回在数组中第一次出现的元素位置

arr.filter((item, index, arr) => {
return arr.indexOf(item) === index;
})
(8) [1, "1", "true", true, null, undefined, {…}, {…}]
 

本文地址:H5W3 » JavaScript4种常用的数组去重

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址