Apakah kaedah menggabungkan objek dalam es6

Kaedah untuk menggabungkan objek dalam es6 ialah: 1. Gunakan kaedah "Object.assign()", sintaks "Object.assign(obj1,obj2,obj3)" 2. Gunakan operator pengembangan "; ... ", sintaks "{...obj1,...obj2,...obj3}".

Persekitaran pengendalian tutorial ini: sistem Windows 7, ECMAScript versi 6, komputer Dell G3.

Kaedah 1: Kaedah Object.assign() Es6

Kaedah Object.assign() digunakan untuk menggabungkan objek, memperuntukkan semua elemen terhitung objek sumber (sumber) Sifat , disalin ke objek sasaran (sasaran).

Contoh:

let obj1 = {a: 1}
let obj2 = {b: 2}
let obj3 = {b: 3, c:4}
let obj = Object.assign(obj1, obj2, obj3)
console.log(obj, obj1, obj2, obj3)

Output:

{a: 1, b: 3, c: 4} {a: 1, b: 3, c: 4} {b: 2} {b: 3, c: 4}

Nota

1 Parameter pertama kaedah Object.assign() ialah Objek sasaran, parameter berikut adalah semua objek sumber.

2. Atribut b dalam obj2 di sini ditimpa oleh atribut b dalam obj3 kemudian.

Kaedah 2: Gunakan operator spread

let obj1 = {a: 1}
let obj2 = {b: 2}
let obj3 = {b: 3, c:4}
let objTwo = {...obj1,...obj2,...obj3}
console.log(objTwo, obj1, obj2, obj3)

Hasil pelaksanaan:

{a: 1, b: 3, c: 4} {a: 1, b: 3, c: 4} {b: 2} {b: 3, c: 4}

{...obj1,...obj2 ,...obj3} ...Bentuk pautan lebih ringkas dan kasar!

[Cadangan berkaitan: tutorial video javascript, bahagian hadapan web]

Atas ialah kandungan terperinci Apakah kaedah menggabungkan objek dalam es6. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!