JS中数组去重小结

一只柚子爹

于 2020-09-30 11:41:17 发布

阅读量89

点赞数

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/weixin_43957218/article/details/108882774

版权

JavaScript 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了JavaScript中去除数组重复元素的四种常见方法：1) 使用选择排序的思想逐个比较并删除重复项；2) 利用indexOf检查新数组中是否已存在元素；3) 设置flag标志来避免重复添加；4) 使用filter方法结合indexOf实现去重。这些方法适用于不同场景，帮助优化代码效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

数组去重的三种方法

1.利用选择排序的思想

//数组去重 --- 把数组里面的重复的数字或者字符删掉
//           0   1  2  3   4    5    6   7
//          "a", 2, 2, "a", "3", "d", 3
var arr = ["a", 2, 2, 2, "a", "3", 2, "d", 3, "a", "a"];
//使用第一个和后面的依次进行比较，如果有相同的就删除
for(var i=0; i<arr.length; i++){
	for(var j=i+1; j<arr.length; j++){
		//判断如果相同就删除
		//arr[0] --> a  arr[0+1] ---> 2
		//2 == 2 删除 splice() 参数1表示从什么地方开始删除--下标 参数2表示删除的项数
		if(arr[i] == arr[j]){
			arr.splice(j, 1);
			j --;
		}
	}
}

2.利用indexOf

var newArr = [];
for (var i = 0; i < arr.length; i++) {
    if (newArr.indexOf(arr[i]) == -1) {
        newArr.push(arr[i]);
    }
}
console.log(newArr);

3.flag标志

var newArr = [];
var flag = true;
for (var i = 0; i < arr.length; i++) {
    flag = true;
    for (var j = 0; j < newArr.length; j++) {
        if (newArr[j] === arr[i]) {
            flag = false;
        }
    }
    if (flag) {
        newArr.push(arr[i]);
    }
}
console.log(newArr);

4.利用filter方法

var newArr = arr.filter((item, index) => {
            return arr.indexOf(item) === index;
        })
	console.log(newArr);