js通过使用Set对象,将多个数组合并且去重排序(ECMAscript 6)

时间:2022-09-03 17:43:43

js去重方法有很多,最常用也是最基本的如下:

<script type="text/javascript">
	var array = [1, 1, '1', '1'];
	
	function uq(array) {
	    var del = [];
	    for (var i = 0, arrayLen = array.length; i < arrayLen; i++) {
	        for (var j = 0, delLen = del.length; j < delLen; j++ ) {
	            if (array[i] === del[j]) {
	                break;
	            }
	        }
	        if (j === delLen) {
	            del.push(array[i])
	        }
	    }
	    return del;
	}
</script>

在ES 6中则能更简便的实现:

<script type="text/javascript">
	var array = [1, 2, 1, 1, '1', '一'];
	//构建带array,array1两个参数的函数
	function uq(array) {
		//将array数组转换成set对象,再使用Array.from()方法将set对象转换成数组
		return Array.from(new Set(array));
	}
	//查看输出结果
	console.log(uq(array)); // [1, 2, "1", "一"]
</script>

如若要将多个数组合并且去重排序,则需要使用add()方法插入新数据并使用sort()方法排序,具体如下:

<script type="text/javascript">
	//定义两个数组
	var array = [1, 2, 1, 1, '1', '一'];
	var array1 = [1, '二', 2, '一', 3, 4, '5', '1', '6'];
	//构建带array,array1两个参数的函数
	function uq(array, array1) {
		//将array数组转换成set对象
		setObj = new Set(array)
		//循环数组array1,并将值通过add插入set对象中,此时重复数据并不会插入其中
		for(i = 0; i < array1.length; i++) {
			setObj.add(array1[i]);
		}
		//使用Array.from()方法将set对象转换成数组,并使用sort()方法排序
		return Array.from(setObj).sort();
	}
	
	//查看输出结果
	console.log(uq(array, array1)); // [1, "1", 2, 3, 4, "5", "6", "一", "二"]
</script>