js对象数组重复值，保留一个对象值，其余的删掉

春风得意之时

已于 2022-09-05 17:24:23 修改

阅读量1.3k

点赞数

分类专栏： JavaScript

于 2022-09-05 17:23:44 首次发布

本文链接：https://blog.csdn.net/u012513962/article/details/126709552

版权

前端 javascript Vue js 数组

JavaScript 专栏收录该内容

20 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			let arr = [{
					id: 1,
					name: '小1',
					age: 11,
					gender: '男'
				},
				{
					id: 2,
					name: '小1',
					age: 21,
					gender: '男'
				},
				{
					id: 3,
					name: '小2',
					age: 23,
					gender: '男'
				},
				{
					id: 4,
					name: '小3',
					age: 23,
					gender: '女'
				},
				{
					id: 5,
					name: '小3',
					age: 3,
					gender: '女'
				},
				{
					id: 6,
					name: '小4',
					age: 23,
					gender: '男'
				}
			]
			
			let obj = {}
			arr = arr.reduce((pre,next) => {
				obj[next.name]? '' : (obj[next.name] = true && pre.push(next))
				return pre;
			},[])
			console.log(arr)
		</script>
	</body>
</html>