陣列合並且去重&向一個陣列新增一條資料(重複的就不新增)&陣列物件去重處理

愛草莓的番茄醬發表於2019-09-03

兩個結構相同的陣列是可以合併的,使用es6的reduce方法可以合併兩個陣列並去重,例子如下:

將一個陣列新增到另一個陣列中並去重,其中tableData是將要
新增到fatherTablelist的陣列,這時建議用es6的reduce方法:
    inChildByValue: function(tableData){
      if (this.fatherTablelist.length < 1 ) {
        this.fatherTablelist = tableData
        this.inInnerVisible = false
        this.$alert('實施資訊新增成功!','資訊提示',{
          confirmButtonText:'確定',
        })
      }else {
        // 合併兩個陣列
        let resources = [...this.fatherTablelist,...tableData]
        // 去重
        let temp = {}
        resources = resources.reduce((prev,curv) => {
          // 若臨時物件中有一模一樣的item,則什麼都不做
          if (temp[curv.projImplementInst]&&temp[curv.authObject]){}
          else{
            temp[curv.projImplementInst] = true
            temp[curv.authObject] = true
            prev.push(curv)
          }
          return prev
        },[])
        console.log('resources',resources)
        this.fatherTablelist = resources
        this.inInnerVisible = false
      }
    },

參考教程:點這裡

往一個table裡面新增一條資料,如果重複則不新增,使用some函式很簡單:

       let obj = {
          staffid:this.multipleSelectionPeoples[0].staffid,
          username:this.multipleSelectionPeoples[0].username,
          projTabencode:this.multipleSelectionSecrets[0].projTabencode,
          projTabcnname:this.multipleSelectionSecrets[0].projTabcnname
        }
        let len = this.tableData.length
        if(len === 0) {
          this.tableData.push(obj)
        }else {
         let res =  this.tableData.some(item => {
            return item.staffid === obj.staffid && item.projTabencode === obj.projTabencode
          })
          if(res) {
              this.$message({
                type: 'warning',
                message: '已存在重複資料'
              })
          } else {
            this.tableData.push(obj)
          }
        }

3.陣列物件去重

一般的陣列去重可以直接用 new Set() 方法即可,但是陣列物件的話,比較複雜,不能直接用,我們可以採取間接的方法來去重

陣列物件去重

相關文章