zl程序教程

您现在的位置是:首页 >  后端

当前栏目

JS数组、数组对象去重方法

2023-06-13 09:15:55 时间
  let arr1 = [3, 5, 3, 6, 7, 'test', 'test']

  function deduplication(arr) {
    let newArr = []
    let tArr = []
    if(arr.length === 0) {
      return arr
    } else {
        for(let i = 0; i < arr.length; i++) {
          if(!tArr[arr[i]]) {
            newArr.push(arr[i])
            tArr[arr[i]] = true
          }
        }
        return newArr
    }
  }
  console.log(deduplication(arr1)); //3,5,6,7,test

对象数组去重方法

1. reduce方法去重
let obj = {};
let arr = [
  {
    name: 'swt',
    pwd: '123456'
  },
  {
    name: 'swt',
    pwd: '123456'
  },
  {
    name: 'mff',
    pwd: '123456'
  },
  {
    name: 'pff',
    pwd: '123456'
  },
];

arr = arr.reduce((item, next) => {
  obj[next.name] ? '' : obj[next.name] = true && item.push(next);
  return item
}, [])
console.log(arr)
2. ES6 Set

Set本身是一个构造函数,用来生成Set结构;它类似于数组,但是成员的值是唯一的,没有重复的值

let arr = [
  {
    name: 'swt',
    pwd: '123456'
  },
  {
    name: 'swt',
    pwd: '123456'
  },
  {
    name: 'mff',
    pwd: '123456'
  },
  {
    name: 'pff',
    pwd: '123456'
  },
];
function uniqueArr(arr) {
  return Array.from(new Set(arr))
}
uniqueArr(arr)