js数组简单去重,js数组根据对象中的元素去重

最新推荐文章于 2023-09-27 17:09:36 发布

原创最新推荐文章于 2023-09-27 17:09:36 发布 · 7k 阅读

14 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #array #去重 #js #数组

javascript 专栏收录该内容

25 篇文章

订阅专栏

本文介绍了两种JavaScript数组去重的方法：一种适用于基本类型数组去重；另一种针对对象数组，可根据指定属性进行去重操作。通过具体示例展示了如何实现数组元素的唯一性，提升数据处理效率。

js数组简单去重

var arr1 = [1, 2, 3, 4, 5, 6, 3, 4, 3];
function arrayUnique1(arr) {
	var result = [], hash = {};
	for (var i = 0, elem; (elem = arr[i]) != null; i++) {
		if (!hash[elem]) {
			result.push(elem);
			hash[elem] = true;
		}
	}
	return result;
}
console.log(arrayUnique1(arr1));

结果：

js数组根据对象中的元素去重

var arr2 = [
	{ name: "name1", num: "1" },
	{ name: "name2", num: "11" },
	{ name: "name3", num: "12" },
	{ name: "name4", num: "13" },
	{ name: "name2", num: "1" },
	{ name: "name6", num: "12" }
]

function arrayUnique2(arr, name) {
	var hash = {};
	return arr.reduce(function (item, next) {
		hash[next[name]] ? '' : hash[next[name]] = true && item.push(next);
		return item;
	}, []);
}

console.log(arrayUnique2(arr2, "name"));
console.log(arrayUnique2(arr2, "num"));

结果：