原生JS数组去重方法总结(5种)!
正式开始前让俺絮叨几句
很久很久之前总结的东西,在电脑上放着,直到前两天电脑分个盘分炸了重装系统,之前耗费时间总结的各种知识类别都丢了,感觉整个世界都暗了很烦躁。过了两天,发现还残留了一些些,于是决定依次慢慢传在博客上,希望有缘翻到想学习相关知识的小猴子们都能有所得,耐心往下看吧,加油。
数组去重
<script>
// 一个一个一轮一轮的比较去重
function norepeat(arr) {
for (var i = 0; i < arr.length - 1; i++) {
for (var j = i + 1; j < arr.length; j++) {
if (arr[i] == arr[j]) {
arr.splice(j, 1);
j--;
}
}
}
return arr;
}
// var arr1=[1,1,2,2,1,2,3];
var arr1 = [1, 1, 1, 2, 2, 1, 2, 3];
//删掉以后 后面的数组元素会往前补上 就会有漏网之鱼,所以应该 j--
console.log(norepeat(arr1));
</script>
<script>
// 先排序再相邻之间比较去重
function norepeat(arr) {
arr.sort();
for (var i = 0; i < arr.length - 1; i++) {
if (arr[i] == arr[i + 1]) {
arr.splice(i + 1, 1);
i--;
}
}
return arr;
}
var arr1 = [1, 1, 1, 2, 2, 1, 1, 2];
console.log(norepeat(arr1));
</script>
<script>
// 结合对象和数组去重 着重掌握
function norepeat(arr) {
var obj = {}; //空对象,保证不对数组进行干扰
var newArr = [];
for (var i = 0; i < arr.length; i++) {
if (obj[arr[i]] == undefined) {
//把数组中的元素看成一个对象属性,如果出现undefined,证明它第一次出现,把它放在一个新数组里,如果不是undefined,证明已经存在,就不放进去
newArr.push(arr[i]);
obj[[arr[i]]] = 1;
}
}
return newArr;
}
var arr1 = [1, 1, 1, 2, 2, 1, 1, 2];
//第一个1肯定不重复遍历下标0,也就是第一个1是undefined,第二个1不是undefined,第三个1不是undefined,第一个2是undefined,第二个2不是undefined
console.log(norepeat(arr1));
</script>
<script>
// 数组去重
var arr = [1, 1, 1, 2, 2, 1]
function norepeat(arr) {
var newArr = [];
for (var i = 0; i < arr.length; i++) {
if (newArr.indexOf(arr[i]) == -1) {
newArr.push(arr[i]);
}
}
return newArr;
}
console.log(norepeat(arr))
</script>
<script>
// ES6 set构造函数,值不重复,用来数组去重
var arr = [1, 2, 3, 2, 3];
function norepeat(arr) {
let set = new Set(arr);
arr = [...set];
return arr;
}
console.log(norepeat(arr));
// 返回的不是数组 要用Array.from
</script>
恭喜恭喜,是不是学的酣畅淋漓异常痛快~ ,同乐同乐,转载请标明是来自璇璇!
==总结不易,谢谢体谅==