数组
有多种方法可以实现 JavaScript 数组去重,以下是其中几种常见的方法:
- 利用 Set 数据结构
let arr = [1, 1, 2, 2, 3, 3];
let uniqueArr = Array.from(new Set(arr));
console.log(uniqueArr); // [1, 2, 3]
- 利用 indexOf 方法
let arr = [1, 1, 2, 2, 3, 3];
let uniqueArr = [];
for (let i = 0; i < arr.length; i++) {
if (uniqueArr.indexOf(arr[i]) === -1) {
uniqueArr.push(arr[i]);
}
}
console.log(uniqueArr); // [1, 2, 3]
- 利用 includes 方法
let arr = [1, 1, 2, 2, 3, 3];
let uniqueArr = [];
for (let i = 0; i < arr.length; i++) {
if (!uniqueArr.includes(arr[i])) {
uniqueArr.push(arr[i]);
}
}
console.log(uniqueArr); // [1, 2, 3]
- 利用 reduce 方法
let arr = [1, 1, 2, 2, 3, 3];
let uniqueArr = arr.reduce((pre, cur) => {
if (!pre.includes(cur)) {
pre.push(cur);
}
return pre;
}, []);
console.log(uniqueArr); // [1, 2, 3]
以上是几种常见的 JavaScript 数组去重方法,具体应该根据实际情况选择最合适的方法。
对象
要对JavaScript对象去重,需要按照以下步骤:
- 将对象转换为数组,使用Object.keys()方法将对象的键转换为数组。
- 使用Array.reduce()方法迭代数组并创建新数组,如果遇到重复项则跳过。
- 将新数组转换回对象,使用Object.fromEntries()方法将新的键值对数组转换回对象。
以下是一个示例代码:
const obj = { a: 1, b: 2, c: 1 };
const uniqueObj = Object.fromEntries(
Object.keys(obj).reduce((acc, key) => {
if (!acc.some(([k]) => k === obj[key])) {
acc.push([key, obj[key]])
}
return acc
}, [])
);
console.log(uniqueObj); // { a: 1, b: 2 }
这个代码将对象{a:1, b:2, c:1}转换为数组[[a,1],[b,2],[c,1]],然后迭代数组并创建一个新数组,将重复的项跳过,创建新数组[[a,1],[b,2]],最后将新数组转换为对象{a:1, b:2}。
注意:如果对象的值是对象或函数,则需要考虑使用Object.is()方法进行相等性比较。