js通過使用Set物件,將多個數組合並且去重排序(ECMAscript 6)
阿新 • • 發佈:2018-12-31
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>