js 数组去重的方法

有几种方法可以实现JavaScript数组去重。其中一种方法是利用ES6的延展运算符和Set数据结构来去重。你可以先创建一个Set对象，然后使用延展运算符将原数组中的元素添加到Set中去重，最后再将Set对象转为数组即可得到去重后的结果。例如，你可以使用以下代码实现数组去重：

var arr = [1, 9, 8, 8, 7, 2, 5, 3, 3, 3, 2, 3, 1, 4, 5, 444, 55, 22];
function noRepeat(arr){
  var newArr = [...new Set(arr)];
  return newArr;
}
var arr2 = noRepeat(arr);
console.log(arr2);

另外一种方法是利用filter()方法进行去重。你可以遍历数组，使用filter()方法筛选出数组中没有重复的元素，然后返回筛选后的新数组。下面是一个使用filter()方法进行数组去重的示例代码：

var arr = [1, 9, 8, 8, 7, 2, 5, 3, 3, 3, 2, 3, 1, 4, 5, 444, 55, 22];
function noRepeat(arr){
  var newArr = arr.filter((item, index) => {
    return arr.indexOf(item) === index;
  });
  return newArr;
}
var arr2 = noRepeat(arr);
console.log(arr2);

这样就可以得到去重后的数组。希望这些方法对你有帮助！<span class="em">1</span><span class="em">2</span>
#### 引用[.reference_title]
- *1* [js数组去重常见的七种方法](https://blog.csdn.net/Lguorong/article/details/124301325)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [基于js+html+css复杂商城页面](https://download.csdn.net/download/qi_ming88/88280158)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]