js 数组去重

最新推荐文章于 2025-09-11 10:15:00 发布

原创最新推荐文章于 2025-09-11 10:15:00 发布 · 394 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#数组去重 #去重

js 专栏收录该内容

39 篇文章

订阅专栏

博客介绍了JS数组去重的多种方法，包括删除原数组重复元素（运用数组反循环和indexOf知识）、添加新数组赋值、添加新数组和新对象赋值（新对象判断重复，新数组存储值），还有最新最方便的数组去重方式。

js去重的多种方法：

1、通过删除原数组里面重复的数，进行去重。知识：数组反循环，indexOf。

function removeRepeat(data) {
  for(let i = data.length - 1; i >= 0; i--){
    if (data.indexOf(data[i]) !== i) {
      data.splice(i, 1)
    }
  }
  return data;
}
removeRepeat([1,2,3,4,2,3,1,4,6,3,1])  // [1, 2, 3, 4, 6]

2、添加新数组往里面赋值。

function removeRepeat(data) {
  var newData = []
  for(let i = 0; i < data.length; i++){
    if (newData.indexOf(data[i]) === -1) {
      newData.push(data[i]);
    }
  }
  return newData;
}
removeRepeat([1,2,3,4,2,3,1,4,6,3,1])  // [1, 2, 3, 4, 6]

3、通过添加新数组、新对象进行赋值。新对象用于判断重复、新数组用于存储值。

function removeRepeat(data) {
  var newData = []
  var val = {}
  for(let i = 0; i < data.length; i++){
    if (!val[data[i]]) {
      val[data[i]] = 1;
      newData.push(data[i]);
    }
  }
  return newData;
}
removeRepeat([1,2,3,4,2,3,1,4,6,3,1])  //  [1, 2, 3, 4, 6]

4、最新最方便的数组去重。

function removeRepeat(data) {
  return [...new Set(data)];
}
removeRepeat([1,2,3,4,2,3,1,4,6,3,1])  //  [1, 2, 3, 4, 6]