適用場景：
vue中定義的map對象 map : { name : 'xxx' }

接口回顯map格式的數(shù)據(jù) data :{ key : value}

都可以通過以下方式拿到key和value的值

for(const key in map){
console.log("key名稱是："+key+",key的值是："+map[key])
}

VUE 獲取對象{}的key值

let keys = Object.keys(data)
 for (let i =0; i < keys.length; i++) {
     if(keys[i]!='creationDate'){
        this.$set(this.config.data[index], keys[i], data[keys[i]])
     }
 }

?vue根據(jù)對象id刪除數(shù)組中的對象，實現(xiàn)局部刷新的功能

方法一：使用過濾器
注：這個一般是根據(jù)對象id

//tableData為原數(shù)組，row.id為將要刪除的對象的id
// 使用過濾器篩選出id不等于要刪除的數(shù)據(jù)的所有對象，并將其重新賦值給list數(shù)組
this.tableData = this.tableData.filter((item) => {
  return item.id != row.id;
});

方法二：使用splice()
注：這個一般是根據(jù)數(shù)組下標(biāo)來刪除

//tableData為原數(shù)組，id為將要刪除的對象數(shù)組下標(biāo)

this.tableData = this.tableData.splice(id,1);//第一個參數(shù)為開始下標(biāo)，第二個參數(shù)為刪除長度

vue中JS 對象動態(tài)添加鍵值對

this.list = res.data

this.list.forEach((item) => {

            // console.log(item,"list")

            // JS 對象動態(tài)添加Key value對

            this.tableheader["name" + item.gid] = item.chName;   //name1,name2

            console.log(this.tableheader, "9999");//對象形式（所有選擇的表頭名稱）

          });

vue 數(shù)據(jù)添加分為三種方法：1.unshift()，2.push(),3.splice()

1.unshift() //數(shù)組頭部添加一條新數(shù)據(jù)

let newList = {
   id:'4'
   name1:'a4',
   name2:'b4',
 }
this.listTable.unshift(newList)  //unshift()在數(shù)組頭部添加一條數(shù)據(jù) 
console.log(this.listTable)

2.push() //數(shù)組末端添加一條新數(shù)據(jù)

this.listTable.push(newList)  //push()在數(shù)組末端添加一條數(shù)據(jù) 
console.log(this.listTable)

3.splice() //數(shù)組操作文章來源地址http://www.zghlxwxcb.cn/news/detail-716984.html

 copyNew(time,index){
   console.log(time)
   let newList = {
     id:time.id,
     name1:time.name1,
     name2:time.name2,
   }
   //第一個參數(shù)為需要操作數(shù)據(jù)的下標(biāo)，第二個參數(shù)為操作添加/刪除(0為添加，1為不操作，2為刪除，3為刪除多條數(shù)據(jù))，第三個參數(shù)可選
   this.listTable.splice(index,0,newList) 
   console.log(this.listTable)
 }

到了這里，關(guān)于Vue 循環(huán)map對象拿到key值和value值,VUE 獲取對象{}的key值,vue根據(jù)對象id刪除數(shù)組中的對象，實現(xiàn)局部刷新的功能,vue中JS 對象動態(tài)添加鍵值對的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！