欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

vue 集合去重復

劉姿婷2年前8瀏覽0評論

在JavaScript開發中,數組集合的去重是一個常見的操作。在Vue.js中,我們可以采用不同的方法來解決這個問題。下面我們將探討兩種去重方法:一種是通過Set進行去重,另一種是利用Vue的計算屬性進行去重。

第一種方法是使用ES6中的Set。Set是一種特殊的集合,它的元素不能重復。下面是一個利用Set進行去重的例子:

let arr = [1, 2, 3, 3, 2];
let set = new Set(arr);
arr = [...set];
console.log(arr); // [1, 2, 3]

我們可以將上面的代碼封裝成一個Vue組件,來實現在模板中展示去重后的集合:

Vue.component('unique-array', {
template: `
{{item}}
`, props: { array: { type: Array, required: true } }, computed: { uniqueArr() { let set = new Set(this.array); return [...set]; } } });

在上面的代碼中,我們定義了一個名為unique-array的組件。該組件接收一個名為array的props,用于傳遞待去重的數組。我們利用computed屬性計算出去重后的數組,并在模板中展示。

除了使用Set外,我們還可以利用Vue的計算屬性進行數組去重。下面是一個示例:

Vue.component('unique-array', {
template: `
{{item}}
`, props: { array: { type: Array, required: true } }, computed: { uniqueArr() { return [...new Set(this.array)]; } } });

在上面的代碼中,我們利用了ES6的展開運算符和Set進行數組去重。這種方法相對于第一種方法更為簡潔。

以上就是Vue中通過Set和Vue的計算屬性進行數組去重的兩種方法。兩種方法都具有較高的效率,并可在Vue應用中方便地使用。