js中的数组去重-JXin的博客

温馨提示

该文章距离上次更新已经过去了 1023 天，文章内容可能已经过时。

1、使用 Set 去重

let arr = [1, 2, 3, 3, 4, 4, "测试", "测试"];

console.log([...new Set(arr)]); // [1, 2, 3, 4, '测试']
console.log(Array.from(new Set(arr))); // [1, 2, 3, 4, '测试']

1
2
3
4

2、使用 includes 去重

let arr = [1, 2, 3, 3, 4, 4, "测试", "测试"];

let uniqueArr = (arr) => {
	let result = [];
	arr.forEach((item) => {
		if (!result.includes(item)) {
			result.push(item);
		}
	});
	return result;
};

console.log(uniqueArr(arr)); // [1, 2, 3, 4, '测试']

1
2
3
4
5
6
7
8
9
10
11
12
13

3、使用 indexOf 去重

let arr = [1, 2, 3, 3, 4, 4, "测试", "测试"];

let uniqueArr = (arr) => {
	let result = [];
	arr.forEach((item) => {
		if (result.indexOf(item) === -1) {
			result.push(item);
		}
	});
	return result;
};

console.log(uniqueArr(arr)); // [1, 2, 3, 4, '测试']

1
2
3
4
5
6
7
8
9
10
11
12
13

4、使用 filter + indexOf 去重

indexOf()方法在数组中可以找到一个给定元素的第一个索引

let arr = [1, 2, 3, 3, 4, 4, "测试", "测试"];

let uniqueArr = (arr) => {
	return arr.filter((item, index) => {
		return arr.indexOf(item) === index;
	});
};

console.log(uniqueArr(arr)); // [1, 2, 3, 4, '测试']

1
2
3
4
5
6
7
8
9

5、使用 Map 或者一个空对象去重

在Map或者空对象中保存已有的元素，然后判断是否已经存在

Map：

let arr = [1, 2, 3, 3, 4, 4, "测试", "测试"];

let uniqueArr = (arr) => {
	let map = new Map();
	let result = [];
	arr.forEach((item) => {
		if (!map.has(item)) {
			map.set(item);
			result.push(item);
		}
	});
	return result;
};

console.log(uniqueArr(arr)); // [1, 2, 3, 4, '测试']

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

空对象：

let arr = [1, 2, 3, 3, 4, 4, "测试", "测试"];

let uniqueArr = (arr) => {
	let obj = {};
	let result = [];
	arr.forEach((item) => {
		if (!obj[item]) {
			obj[item] = true;
			result.push(item);
		}
	});
	return result;
};

console.log(uniqueArr(arr)); // [1, 2, 3, 4, '测试']

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

6、使用 sort 去重

先使用sort进行排序，排序之后通过相邻元素对比进行去重

let arr = [1, 2, 3, 5, 6, 3, 4, 4, "测试", "测试"];

let uniqueArr = (arr) => {
	arr = arr.sort();
	let array = [arr[0]];
	for (let i = 1; i < arr.length; i++) {
		if (arr[i] !== arr[i - 1]) {
			array.push(arr[i]);
		}
	}
	return array;
};

console.log(uniqueArr(arr)); // [1, 2, 3, 4, 5, 6, '测试']

1
2
3
4
5
6
7
8
9
10
11
12
13
14

7、使用 reduce + includes 去重

let arr = [1, 2, 3, 5, 6, 3, 4, 4, "测试", "测试"];

let uniqueArr = (arr) => {
	return arr.reduce(
		(prev, cur) => (prev.includes(cur) ? prev : [...prev, cur]),
		[]
	);
};

console.log(uniqueArr(arr)); // [1, 2, 3, 4, 5, 6, '测试']

1
2
3
4
5
6
7
8
9
10

js中的数组去重