JS去重的方法有哪些?

1. 利用双重for循环去重


//定义一个新数组,先存放不可能与arr重复的第一个元素
let newArr = [arr1[0]]
for (let i = 1; i < arr.length; i++) {
    //设置标记flag
    let flag = true
    for (let j = 0; j < newArr.length; j++) {
        //如果两个相等,标记该i为false(重复),并退出该循环
        if (arr[i] == newArr[j]) {
            flag = false
            break
        }
    }
    //第二个for遍历完成后,flag为true(无重复)加进新数组
    if (flag == true) {
        newArr.push(arr[i])
    }
}

2.利用includes去重

includes() 存在该值返回true,反之false


let newArr = []
for (var i = 0, len = arr.length; i < len; i++) {
    if (!newArr.includes(arr[i])) {
        newArr.push(arr[i]);
    }
}
console.log(newArr)

3.利用数组的filter方法去重

原理:

filter() 使用指定的函数测试所有元素,并返回一个包含所有通过测试元素的新数组

indexof() 可返回某个指定的字符串值在字符串中首次出现的位置。如果没有检索到指定字符串,则返回-1


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


复

4.利用ES6中的 Set 方法去重(最常用)

原理:

Set数据结构中所有元素都是


// new Set(arr) 得到一个去重的set对象
// 通过 [] + 展开运算符 变成数组格式
console.log([...new Set(arr)])

5.利用indexOf去重


let newArr = []
for (let i = 0; i < arr.length; i++) {
    // 检索新数组中是否有重复元素,没有就push进新数组
    if (newArr.indexOf(arr[i]) === -1)
        newArr.push(arr[i])
}
console.log(newArr)

6.利用ES6中的 Map 方法去重

原理:

创建一个空Map数据结构,遍历需要去重的数组,把数组的每一个元素作为key存到Map中

由于Map中不会出现相同的key值,所以最终得到的就是去重后的结果


let map = new Map
let newArr = []
for (let i = 0; i < arr.length; i++) {
    if (map.has(arr[i])) {
        map.set(arr[i], true)// true 或 false都没影响
    } else {
        map.set(arr[i], false);
        newArr.push(arr[i]);
    }
}
console.log(newArr)

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!innuc@foxmail.com
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!

i精品主题 前端教程 JS去重的方法有哪些? https://www.ijpzt.com/1588.html

IJPZT

有个性 不签名

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整, 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘
查看详情

相关文章

JS去重的方法有哪些?-海报

分享本文封面