vue根据数组对象中某个唯一标识去重
生活随笔
收集整理的這篇文章主要介紹了
vue根据数组对象中某个唯一标识去重
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
由于在vue中,會(huì)自動(dòng)在數(shù)組和對(duì)象中加入_obser__觀(guān)察者模式的一些屬性,所以直接用數(shù)組的filter去重(下面這種),indexOf不能準(zhǔn)確識(shí)別
var arr = [1, 2, 2, 3, 4, 5, 5, 6, 7, 7]; var arr2 = arr.filter(function(x, index,self) { return self.indexOf(x)===index; }); console.log(arr2); //[1, 2, 3, 4, 5, 6 ,7]或者用ES6的一句簡(jiǎn)單去重
var nerarr = Array.from(new Set(arr))只能用于普通的數(shù)組去重,在vue中這個(gè)不管用,
vue中可以,寫(xiě)一個(gè)去重的方法
methods:{unique(arr) { // 根據(jù)唯一標(biāo)識(shí)orderId來(lái)對(duì)數(shù)組進(jìn)行過(guò)濾const res = new Map(); //定義常量 res,值為一個(gè)Map對(duì)象實(shí)例//返回arr數(shù)組過(guò)濾后的結(jié)果,結(jié)果為一個(gè)數(shù)組 過(guò)濾條件是,如果res中沒(méi)有某個(gè)鍵,就設(shè)置這個(gè)鍵的值為1return arr.filter((arr) => !res.has(arr.OrderId) && res.set(arr.OrderId, 1)) }, }?
使用
this.arr = this.unique(this.arr);?
轉(zhuǎn)載于:https://www.cnblogs.com/leiting/p/9925665.html
總結(jié)
以上是生活随笔為你收集整理的vue根据数组对象中某个唯一标识去重的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: phpcms v9调用当前栏目的同级栏目
- 下一篇: 前端框架开始学习Vue(一)