vue table去重复的数据?

新手上路,请多包涵

图片.png

订单数据重复了 怎么去重呢

图片.png

回复
阅读 2.5k
6 个回答
新手上路,请多包涵

对tableData去重

新手上路,请多包涵

第一,尽量不要用index作key,第二,要去重可以在获取数据的时候做一层去重过滤再展示

和后端对线,让他们处理,如果订单多了,数据量大,不建议前端做去重

  1. vue for循环的key使用id
  2. 后端返回的id如果重复,这属于后端bug,前端不用处理
  3. 数据去重可以这样实现

function uniq(arr, fn) {
    const map = {}
    arr.forEach(item => {
        map[fn(item)]=item
    })
    return Object.values(map)
}
uniq(arr, item => item.id)

自己利用 Set(或 object)以及 filter 也很容易进行唯一值过滤,

const v = [{ "id": 1 }, { "id": 2 }, { "id": 1 }];

const ss = new Set();
const r = v.filter(({ id }) => {
    if (ss.has(id)) { return false; }
    return ss.add(id);
});

console.log(r);
推荐问题
宣传栏