js数组去重 5

最新推荐文章于 2024-11-04 10:13:26 发布

叶子_zq

最新推荐文章于 2024-11-04 10:13:26 发布

阅读量125

点赞数

分类专栏： js 文章标签： javascript html

本文链接：https://blog.csdn.net/a44185/article/details/116037850

版权

js 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

本文分析了JavaScript中indexOf、includes方法、Set数据结构和filter函数在处理数组去重问题时的使用，特别关注了对象属性作为字符串导致的去重误区。通过实例演示和类型检查，揭示了如何正确处理不同方法在去重过程中的差异。

摘要由CSDN通过智能技术生成

indexOf

    let arr = [-1, '-1', -1]
    let res = []
    
    arr.forEach(item => {
      if (res.indexOf(item) === -1) {
        res.push(item)
      }
    })
    
    console.log(res.toString()) // -1,-1
    console.log(typeof res[0]) // number
    console.log(typeof res[1]) // string

includes

    let arr = [-1, '-1', -1]
    let res = []

    arr.forEach(item => {
      if (!res.includes(item)) {
        res.push(item)
      }
    })

    console.log(res.toString()) // -1,-1
    console.log(typeof res[0]) // number
    console.log(typeof res[1]) // string

Set

    let arr = [-1, '-1', -1]
    let res = []
    
    res = Array.from(new Set(arr))
    
    console.log(res.toString()) // -1,-1
    console.log(typeof res[0]) // number
    console.log(typeof res[1]) // string

filter

    let arr = [-1, '-1', -1]
    let res = []

    res = arr.filter((item, index) => {
      return arr.indexOf(item) === index
    })

    console.log(res.toString()) // -1,-1
    console.log(typeof res[0]) // number
    console.log(typeof res[1]) // string

对象属性实现 - 有问题

对象的属性是字符串。这样就会把数字和字符串当成相同的去重掉

    let arr = [-1, '-1', -1]
    let res = []

    let obj = {}
    arr.forEach(item => {
      if (obj[item] === undefined) {
        obj[item] = 1
        res.push(item)
      }
    })

    console.log(res.toString()) // -1