目錄
Vue.js Array 去重
Vue.js 是一個開源的 JavaScript 框架,可以讓開發者快速建立 Web 應用程式。在 Vue.js 中,可以使用 Array 去重的方法來篩選陣列中的重複元素,以達到去重的效果。本文將介紹如何使用 Vue.js 來去重 Array。
在 Vue.js 中,可以使用 Array.prototype.filter()
方法來去重 Array。Array.prototype.filter()
方法會對陣列中的每個元素執行一個指定的函數,並且返回一個新的陣列,其中包含所有經過測試函數為 true 的元素。
以下是一個簡單的範例,可以使用 Array.prototype.filter()
方法來去重 Array:
let arr = [1, 2, 3, 4, 5, 1, 2, 3, 4, 5]; let uniqueArr = arr.filter(function(item, index, array) { return array.indexOf(item) === index; }); console.log(uniqueArr); // [1, 2, 3, 4, 5]
上面的程式碼中,我們使用 Array.prototype.filter()
方法來對陣列中的每個元素執行一個指定的函數,並且返回一個新的陣列,其中包含所有經過測試函數為 true 的元素。在這個範例中,我們使用 array.indexOf(item)
方法來檢查陣列中是否有重複的元素,如果有重複的元素,則返回 false,否則返回 true。
另外,Vue.js 也提供了一個 _.uniq()
方法,可以用來快速去重 Array。以下是一個簡單的範例:
let arr = [1, 2, 3, 4, 5, 1, 2, 3, 4, 5]; let uniqueArr = _.uniq(arr); console.log(uniqueArr); // [1, 2, 3, 4, 5]
上面的程式碼中,我們使用 _.uniq()
方法來對陣列中的每個元素執行一個指定的函數,並且返回一個新的陣列,其中包含所有經過測試函數為 true 的元素。
總結,Vue.js 提供了兩種方法來去重 Array,分別是 Array.prototype.filter()
方法和 _.uniq()
方法。使用這兩種方法,可以快速篩選陣列中的重複元素,以達到去重的效果。