js给对象添加方法有哪些（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])
}
以上为个人经验 ，希望能给大家一个参考 ，也希望大家多多支持本站 。
声明：本站所有文章 ，如无特殊说明或标注 ，均为本站原创发布 。任何个人或组织 ，在未征得本站同意时 ，禁止复制 、盗用 、采集 、发布本站内容到任何网站 、书籍等各类媒体平台 。如若本站内容侵犯了原著者的合法权益 ，可联系我们进行处理 。
创心域SEO版权声明：以上内容作者已申请原创保护，未经允许不得转载，侵权必究！授权事宜、对本内容有异议或投诉，敬请联系网站管理员，我们将尽快回复您，谢谢合作！