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

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

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>