javaScript 合并对象的多种方式

javaScript 合并对象的多种方式javaScript合并对象的多种方式_js合并两个对象

javaScript

javaScript 合并对象的多种方式:

1、方式一:Object.assign(obj1, obj2, …)

参数1:obj1 是目标对象
参数2:obj2 是源对象

注意:对象与对象之间,同名属性,会被后面对象的属性值所覆盖

const obj1 = { 
   
	a: 1,
	b: 2,
}
const obj2 = { 
   
	b: 3,
	c: 4,
}
const result = Object.assign(obj1, obj2)
console.log(result) // {a: 1, b: 3, c: 4}


2、方式二:es6 新增语法,扩展运算符 … 【三点】

{…obj1, …obj2}
注意:对象与对象之间,同名属性,会被后面对象的属性值所覆盖

const obj1 = { 
   
	a: 1,
	b: 2,
}
const obj2 = { 
   
	b: 3,
	c: 4,
}
const result = { 
   ...obj1, ...obj2}  // 返回一个新的对象。
console.log(result) // {a: 1, b: 3, c: 4}

// 顺带一提, 数组之间的合并,也可以使用 扩展运算符 .
// 如: [...arr1, ...arr2]

知识扩展:

扩展运算符 … 【三点】,也可以用于 数组与数组之间的合并。

不同的是:
数组之间 只会合并,就算是相同的值,也不会覆盖。(这是不同于对象的地方。)

let arr1 = [1,2,4]

let arr2 = [4,5,6]

let arr3 = [...arr1, ...arr2]

console.log(arr3)  // [1, 2, 4, 4, 5, 6] 

总结:0.0

今天的文章javaScript 合并对象的多种方式分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:http://bianchenghao.cn/76055.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注