js合并对象,重复的后者覆盖前者

编程入门 行业动态 更新时间:2024-10-10 13:16:36

js合并<a href=https://www.elefans.com/category/jswz/34/1771306.html style=对象,重复的后者覆盖前者"/>

js合并对象,重复的后者覆盖前者

1、需要用到Object.assign()

Object.assign方法用来将源对象(source)的所有可枚举属性,复制到目标对象(target)。它至少需要两个对象作为参数,第一个参数是目标对象,后面的参数都是源对象。

看不懂不重要 看代码

let data1={ a: 1 };
let data2={ b: 2 };
let data3={ c: 3 };
Object.assign(data1, data2, data3);
console.log(data1) //{ a: 1 , b: 2 , c: 3 }

如果目标对象与源对象有同名属性,或多个源对象有同名属性,则后面的属性会覆盖前面的属性。

let data1={ a: 1 , b: 2 };
let data2={ b: 33 , c: 44 };
Object.assign(data1, data2);
console.log(data1) //{ a: 1 , b: 33 , c: 44 }

2、使用...扩展操作符

let obj1 = {book1: '平凡的世界第一部',book2: '平凡的世界第二部',book3:'平凡的世界第三部',
}
let obj2 = {...obj1,book4:'人生',
}
console.log(obj2) //{book1: "平凡的世界第一部", book2: "平凡的世界第二部", book3: "平凡的世界第三部", book4: "人生"}//如后者与前者相同,后者覆盖前者
let obj1 = {book1: '平凡的世界第一部',book2: '平凡的世界第二部',book3: '平凡的世界第三部',book4: '月夜静悄悄',
}
let obj2 = {...obj1,book4: '月夜静悄悄11111',book5: '人生',
}
console.log(obj2) //{book1: "平凡的世界第一部", book2: "平凡的世界第二部", book3: "平凡的世界第三部", book4: "月夜静悄悄11111", book5: "人生"}

... 扩展符也可以拼接数组,相当于 concat()

let book4 = [...book1, ...book2];
book4[3] = '月夜静悄悄'
console.log(book4) //(4) ["平凡的世界第一部", "平凡的世界第二部", "平凡的世界第三部", "月夜静悄悄"]

更多推荐

js合并对象,重复的后者覆盖前者

本文发布于:2024-02-13 18:14:18,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1759896.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:对象   js

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!