js去掉集合List重复项

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>