js数组去重的方法

Hi_MrXiao

已于 2022-03-02 18:15:41 修改

阅读量260

点赞数 1

分类专栏： JS 文章标签： javascript

于 2022-03-02 17:33:42 首次发布

本文链接：https://blog.csdn.net/Hi_MrXiao/article/details/123232324

版权

JS 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

本文介绍了六种不同的JavaScript数组去重方法：for嵌套for删除、indexOf与includes判断、对象key唯一性利用、Set与Map数据结构、sort排序法。这些方法适用于不同场景，展示了从传统到现代技术的演变。

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

1、for嵌套for，使用splice删除原数组重复的元素

	function deleteRepetition(arr){
      for (let i = 0; i < arr.length; i++) {
        for (let j = i + 1; j < arr.length; j++) {
          if(arr[j]==arr[i]){
            arr.splice(j,1)
            j--
          }
        }
      }
    }
    var arr=[0,1,0,2,5,2]
    deleteRepetition(arr)   // [0,1,2,5]

2、indexOf方法去重，返回新数组

	function deleteRepetition(arr){
      let newArr=[]
      for (let i = 0; i < arr.length; i++) {
        if(newArr.indexOf(arr[i])==-1){
          newArr.push(arr[i])
        }
      }
      return newArr
    }
    var arr=[0,1,0,2,5,2]
    deleteRepetition(arr)   // [0,1,2,5]

3、includes方法去重，返回新数组

	function deleteRepetition(arr){
      let newArr=[]
      for (let i = 0; i < arr.length; i++) {
        if(!newArr.includes(arr[i])){
          newArr.push(arr[i])
        }
      }
      return newArr
    }
    var arr=[0,1,0,2,5,2]
    deleteRepetition(arr)   // [0,1,2,5]

4、利用对象key属性唯一的特性去重

	function deleteRepetition(arr){
      let obj={}
      let newArr=[]
      for (let i = 0; i < arr.length; i++) {
        if(!obj[arr[i]]){
          obj[arr[i]]=1
          newArr.push(arr[i])
        }
      }
      return newArr
    }
    var arr=[0,1,0,2,5,2]
    deleteRepetition(arr)   // [0,1,2,5]

4、利用ES6中的Set去重

	function deleteRepetition(arr){
      return Array.from(new Set(arr))
    }
    var arr=[0,1,0,2,5,2]
    deleteRepetition(arr)   // [0,1,2,5]

或者

	console.log(...new Set([0,1,0,2,5,2]))   // 0,1,2,5

5、利用ES6中的Map去重

	function deleteRepetition(arr){
      let map=new Map()
      let newArr=[]
      for (let i = 0; i < arr.length; i++) {
        if(!map.has[arr[i]]){
          map.set(arr[i])
          newArr.push(arr[i])
        }
      }
      return newArr
    }
    var arr=[0,1,0,2,5,2]
    deleteRepetition(arr)   // [0,1,2,5]

6、利用sort方法去重

	function deleteRepetition(arr){
      let sortArr=arr.sort()
      let newArr=[]
      for (let i = 1; i < sortArr.length; i++) {
        if(sortArr[i]!=sortArr[i-1]){
          newArr.push(sortArr[i])
        }
      }
      return newArr
    }
    var arr=[0,1,0,2,5,2]
    deleteRepetition(arr)   // [0,1,2,5]