使用JavaScript实现数组去重的几种方法

好久没有更博,我的懒癌又出来作祟了,今天重温下js的基础,发现自己的基础特别差,所以写篇文章,自己学习的时候也和他人一起研究分享……加油吧!以下为正文

方法一:第一个想到的就是ES6新增的语法Set,下面我们用代码实现看看吧!

var str = [1,2,3,4,5,4];
var strSet = new Set(str);
console.log(strSet);    //Set {1, 2, 3, 4, 5}
var strArr = Array.from(strSet);
console.log(strArr)  //[1,2,3,4,5]

以上需注意 Set返回的结果是Set对象,需要使用Array.form()方法转化为数组。

方法二:也是应用Set,转换成数组的形式有使用的ES6的扩展运算符...

var str = [1,2,3,4,5,4];
var strSet = new Set(str);
console.log(strSet);    //Set {1, 2, 3, 4, 5}
var strArr = [...strSet];
console.log(strArr)  //[1,2,3,4,5]

方法三:循环数组中的每个变量,没有相同的值就赋值到一个新数组中,否则忽略该值

var arr=[1,2,3,'3',4,5,2];
var arrNew = [];
for(let i=0;i<arr.length;i++){
    let flag = false;
    for(let j=0;j<arrNew.length;j++){
        if(arr[i]===arrNew[j]){
            flag = true;
            break;
        }
    }
    if(!flag){
        arrNew.push(arr[i])
    }
}


 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript中,有多种方法可以实现数组去重。下面我会介绍几种常见的方法: 1. 使用 Set 数据结构:Set 是 ES6 中新增的数据结构,它只存储唯一值。我们可以利用 Set 的特性,将数组转换为 Set,然后再将 Set 转换回数组即可实现去重。 ```javascript const array = [1, 2, 2, 3, 3, 4, 5, 5]; const uniqueArray = Array.from(new Set(array)); console.log(uniqueArray); // [1, 2, 3, 4, 5] ``` 2. 使用 indexOf() 方法:遍历原始数组,利用 indexOf() 方法检查当前元素在数组中的索引位置,如果索引位置与当前遍历的索引位置不一致,则说明该元素是重复的,可以忽略。 ```javascript const array = [1, 2, 2, 3, 3, 4, 5, 5]; const uniqueArray = array.filter((value, index) => { return array.indexOf(value) === index; }); console.log(uniqueArray); // [1, 2, 3, 4, 5] ``` 3. 使用 includes() 方法:类似于 indexOf() 方法,遍历原始数组,利用 includes() 方法检查当前元素是否已经存在于新数组中,如果不存在,则将该元素添加到新数组中。 ```javascript const array = [1, 2, 2, 3, 3, 4, 5, 5]; const uniqueArray = []; array.forEach((value) => { if (!uniqueArray.includes(value)) { uniqueArray.push(value); } }); console.log(uniqueArray); // [1, 2, 3, 4, 5] ``` 这些方法都可以实现数组去重,具体使用哪种方法取决于个人偏好和需求。需要注意的是,使用 Set 的方法在保留元素顺序方面可能会有些差异,而使用 indexOf() 或 includes() 方法可以保持原始数组的顺序。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值