zoukankan      html  css  js  c++  java
  • vue根据数组对象中某个唯一标识去重

    由于在vue中,会自动在数组和对象中加入_obser__观察者模式的一些属性,所以直接用数组的filter去重(下面这种),indexOf不能准确识别

    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的一句简单去重

    var nerarr = Array.from(new Set(arr))

    只能用于普通的数组去重,在vue中这个不管用,

    vue中可以,写一个去重的方法

    methods:{
        unique(arr) { // 根据唯一标识orderId来对数组进行过滤
           const res = new Map();  //定义常量 res,值为一个Map对象实例
          //返回arr数组过滤后的结果,结果为一个数组   过滤条件是,如果res中没有某个键,就设置这个键的值为1
          return arr.filter((arr) => !res.has(arr.OrderId) && res.set(arr.OrderId, 1)) 
        }, 
    }

    使用

    this.arr = this.unique(this.arr);
  • 相关阅读:
    统计字符
    两军交锋
    FatMouse' Trade
    A + B Problem II
    Number Sequence
    Max Sum
    类的设计
    类与对象
    面向对象思想
    第一个OC程序
  • 原文地址:https://www.cnblogs.com/leiting/p/9925665.html
Copyright © 2011-2022 走看看