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来接受,会报错
//第一个参数是原来的对象,第二个是要添加进去的对象;

给对象动态添加属性的2种方法

需求

要给每个课程添加一个判断鼠标是否hover

分析

因为数据是动态渲染的,所以需要动态的给他添加一个flag标记,就得在数据渲染之前先拿到,然后再添加一个自己需要的比如isHover属性,然后就渲染处理之后的数据,从而就能够判断是否显示鼠标选中的效果。

下面是2中方法给对象动态添加属性

  • for of 遍历对象,得到对象
  • for in 遍历对象 ,得到对象的下标

补充:

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
-----------------------------------------------------------
// 假如数据是这样:
videoList = [
	{
		id: 1
		type: "同步课程",
        grade: "一年级",
        classtype: "xxx",
        subject: "数学",
        term: "上"
     },
     {
     	id: 2
		type: "同步课程",
        grade: "一年级",
        classtype: "xxx",
        subject: "数学",
        term: "上"
     }
]
// 第一种方法,给对象动态添加属性 for of  根据对象
 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  根据下标
  for (var index in videoList) {
    videoList[index].isHover = false
    this.videoList.push(videoList[index])
    console.log(index)
    this.videoList.push(videoList[index])
  }

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

最新评论