js去掉集合List重复项

原理:使用对象中属性名不能重复的特点,先建立一个空集合作为返回集合,在建立一个空对象,然后遍历要去重的集合,将去重依据属性名称的值作为key,value赋值1,并保存对象到返回集合,下次遍历时,如果这个属性名已经存在,对象不能添加。

代码

<div>
    <button type="button" onclick="clickBtn()" style="font-size:120px;">是兄弟,来点我!</button>
</div>

<script type="text/javascript">
	//点击事件
    function clickBtn() {
		var dataList = [{id:1,name:"张三"},{id:2,name:"李四"},{id:3,name:"王五"},{id:2,name:"李四"}];
		console.log("原集合", dataList);
		var newDataList = removalDuplicate(dataList, "id");
		console.log("去重后集合", newDataList);
    }
	
	//【js去掉集合List重复项】
	//删除集合重复项
	//*dataList* 将要去重集合
	//*byName* 去重依据属性名称
	function removalDuplicate(dataList, byName) {
		var result = [];
		var tem = {};
		for (var i = 0; i < dataList.length; i++) {
			if (!tem[dataList[i][byName]]) {
				result.push(dataList[i]);
				tem[dataList[i][byName]] = 1;
			}
		}
		return result;
	}
</script>
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐