Várias maneiras de mesclar objetos em JavaScript

Várias maneiras pelas quais o JavaScript combina objetos:

1. Método 1: Object.assign(obj1, obj2,…)

Parâmetro 1: obj1 é o objeto de destino
Parâmetro 2: obj2 é o objeto de origem

Nota: entre objetos, o atributo com o mesmo nome será substituído pelo valor do atributo do objeto atrás

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. Método 2: nova sintaxe es6, operador de expansão... [Três pontos]

{...obj1, ...obj2}
Nota: entre objetos, os atributos com o mesmo nome serão substituídos pelos valores dos atributos dos seguintes objetos

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]

Expansão do conhecimento:

O operador spread... [Três pontos] também pode ser usado para mesclar matrizes.

A diferença é:
os arrays serão apenas mesclados, mesmo que tenham o mesmo valor, não serão sobrescritos. (É aqui que difere dos objetos.)

let arr1 = [1,2,4]

let arr2 = [4,5,6]

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

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

Resumo: 0,0