易县做网站的在哪,吉利汽车新能源品牌,温州哪里可以做企业网站,你的网站尚未备案 根据目前比较常用的一共有三种
1、使用object.assign()
它可以将一个或多个对象的属性复制到目标对象中#xff0c;第一个参数就是目标对象#xff0c;这里举个例子#xff1a;
templatediv{{data}}/div
/template
script
export de…目前比较常用的一共有三种
1、使用object.assign()
它可以将一个或多个对象的属性复制到目标对象中第一个参数就是目标对象这里举个例子
templatediv{{data}}/div
/template
script
export default {data() {return {data:[]}},created() {this.samsung()},methods: {samsung(){const obj1 {name:张三, age:18 }const obj2 {sex: 李四, age:23 }const obj3 Object.assign({},obj1,obj2);this.data obj3}},
};
/script
这个代码的意思就是将obj1和obj2的每个对象通过object.assign()合入第一个空对象赋值给obj3然后obj3在赋值给data让data在视图层显示如果存在属性相同的情况后面的会覆盖前面的属性 2、通过es6中的解构赋值语法
这个方法主要使用的是扩展运算符将一个对象解构到另外一个对象中这里举个例子
templatediv{{data}}/div
/template
script
export default {data() {return {data:[]}},created() {this.samsung()},methods: {samsung(){const obj1 {name:张三, age:18 }const obj2 {sex: 男, age:23 }const obj3 {...obj1, ...obj2}this.data obj3}},
};
/script
输出结果 这个方法也是和第一个方法一样如果两个对象有相同的属性时后面的属性会覆盖前面的属性。
3、遍历对象获取到对象的属性赋值给新的对象
这里也是举个例子
templatediv{{data}}/div
/template
script
export default {data() {return {data:[]}},created() {this.samsung()},methods: {samsung(){const obj1 {name:张三, age:18 }const obj2 {sex: 男, age:23 }const obj3 {}for(const key in obj1){obj3[key] obj1[key]}for(const key in obj2){obj3[key] obj2[key]}this.data obj3}},
};
/script
然后把遍历到的属性手动赋值到obj3上。 总结
大多数使用合并对象的方法主要是object.assign()、es6中的解构赋值语法、以及循环遍历原理都是获取每个对象的属性合入新的对象中。只是方法不同。
