关于Vue数组方面的移除

  • Post author:
  • Post category:vue


因为是通过后端拿数据分别渲染不同的组件。

所以在筛选的时候出现了重复数据,对此我进行了以下去重的方法

UserSelect() {
      this.CountReprint = [];
      if (this.Count_Sprit_Select != "选择复刻次数") {
        for (let i = 0; i < this.Reprint.length; i++) {
          if (this.Reprint[i].count == this.Count_Sprit_Select) {
            this.CountReprint.push(this.Reprint[i]);
          }
        }
        let inForCount = [];
        for(let i = 0;i<this.CountReprint.length;i++){
          for(let j = i+1;j<this.CountReprint.length;j++){
              if(this.CountReprint[i].spritID == this.CountReprint[j].spritID){
                inForCount.push(j)
                break;
              }
          }
        }
        console.log(inForCount)
        for(let i = 0;i<inForCount.length;i++){
          delete this.CountReprint[inForCount[i]]
        }
      }
    },

使用delete 的方法来删除数组中的元素变成了empty

如果使用this.$delete则会改变下标

但是如果单纯的在中间的循环放上这一句delete会出现数据当中undifine的问题,懵懵懂懂知道是什么原因但是说不出来。



版权声明:本文为qq_43319054原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。