快捷導(dǎo)航

js中如何往對象中添加屬性

更新時間：2022年10月08日 10:21:42 作者：RAY_CHEN.

這篇文章主要介紹了js中如何往對象中添加屬性，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教

往對象中添加屬性

首先，定義一個要添加進去的屬性及屬性值；

let obj = {'a':123};

將要被添加的對象：

let obj1 = {'c':1,'d':2};

使用Object.assign()將兩個對象合并

let twoobj = Object.assign(obj1,obj);
//兩個注意的點：
//用一個新的名稱來接受Object.assign的值；不要用obj1來接受，會報錯
//第一個參數(shù)是原來的對象，第二個是要添加進去的對象；

給對象動態(tài)添加屬性的2種方法

需求

要給每個課程添加一個判斷鼠標(biāo)是否hover

分析

因為數(shù)據(jù)是動態(tài)渲染的，所以需要動態(tài)的給他添加一個flag標(biāo)記，就得在數(shù)據(jù)渲染之前先拿到，然后再添加一個自己需要的比如isHover屬性，然后就渲染處理之后的數(shù)據(jù)，從而就能夠判斷是否顯示鼠標(biāo)選中的效果。

下面是2中方法給對象動態(tài)添加屬性

for of 遍歷對象，得到對象
for in 遍歷對象，得到對象的下標(biāo)

補充：

this.videoList = []
      const data = await this.$http.post('Course/shows', {
        type: nedCuriculums.type,
        grade: nedCuriculums.grade,
        classtype: nedCuriculums.classtype,
        subject: nedCuriculums.subject,
        term: term
      }).catch(err => err)
      this.term = term
      var videoList = data.data
-----------------------------------------------------------
// 假如數(shù)據(jù)是這樣：
videoList = [
	{
		id: 1
		type: "同步課程",
        grade: "一年級",
        classtype: "xxx",
        subject: "數(shù)學(xué)",
        term: "上"
     }，
     {
     	id: 2
		type: "同步課程",
        grade: "一年級",
        classtype: "xxx",
        subject: "數(shù)學(xué)",
        term: "上"
     }
]

// 第一種方法，給對象動態(tài)添加屬性 for of  根據(jù)對象
 var newvideoList = {}
 for (var item of videoList) {
   newvideoList = {
     isHover: false,
     dirname: item.dirname,
     id: item.id,
     resourceId: item.resourceId
   }
   this.videoList.push(newvideoList)
 }

// 第2種方法  for in  根據(jù)下標(biāo)
  for (var index in videoList) {
    videoList[index].isHover = false
    this.videoList.push(videoList[index])
    console.log(index)
    this.videoList.push(videoList[index])
  }

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: