1. 程式人生 > >js通過使用Set物件,將多個數組合並且去重排序(ECMAscript 6)

js通過使用Set物件,將多個數組合並且去重排序(ECMAscript 6)

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>