vue table去重复的数据?

心有庭树
  • 4
新手上路,请多包涵

图片.png

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

图片.png

回复
阅读 2.1k
6 个回答
Cptcpn
  • 1
海南新手上路,请多包涵

对tableData去重

Young.
  • 2
广东新手上路,请多包涵

第一,尽量不要用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);
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏