vue中數組如何去除重復數據

今天小編給大家分享一下vue中數組如何去除重復數據的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

一、使用set結構去重

set是ES6中的一種數據結構，可以去除重復元素，其特征為無序且不重復，經常用于數組去重的場景。

let arr = [1, 2, 2, 3, 3, 4, 5];
let set = new Set(arr);
arr = Array.from(set);

上面的代碼中，我們首先定義了一個數組arr，然后通過new Set()方法將其轉換為set集合，并將結果保存到set變量中。最后，我們再將set集合轉換成數組。

二、使用indexOf方法去重

indexOf方法可以在數組中找到一個給定元素的第一個索引，如果沒有找到就返回 -1，所以我們可以利用這個特性來進行數組去重。

let arr = [1, 2, 2, 3, 3, 4, 5];
let newArr = [];
for (let i = 0; i < arr.length; i++) {
  if (newArr.indexOf(arr[i]) === -1) {
    newArr.push(arr[i]);
  }
}
arr = newArr;

上面的代碼中，我們通過for循環(huán)遍歷原始數組arr，在每次遍歷時，使用indexOf方法查找當前元素在新數組newArr中的索引。如果沒有找到索引，就將該元素添加到newArr中。

三、使用includes方法去重

includes方法是ES7的一個新方法，判斷一個數組中是否包含一個指定的值，返回 true 或 false。我們可以根據這個特性來進行去重操作。

let arr = [1, 2, 2, 3, 3, 4, 5];
let newArr = [];
for (let i = 0; i < arr.length; i++) {
  if (!newArr.includes(arr[i])) {
    newArr.push(arr[i]);
  }
}
arr = newArr;

上面的代碼中，我們使用for循環(huán)遍歷原始數組arr，在每次遍歷時，使用includes方法判斷當前元素是否在新數組newArr中，如果不存在，就將該元素添加到newArr中。

以上就是“vue中數組如何去除重復數據”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業(yè)資訊頻道。