es6でオブジェクトを結合する方法は何ですか

オブジェクトをマージする

es6 メソッドは次のとおりです: 1. 「Object.assign()」メソッド、構文「Object.assign(obj1,obj2,obj3)」を使用します; 2. 展開演算子「...」を使用します。 "、構文 "{...obj1,...obj2,...obj3}"。

このチュートリアルの動作環境: Windows 7 システム、ECMAScript バージョン 6、Dell G3 コンピューター。

方法 1: Es6 の Object.assign() メソッド

Object.assign() メソッドは、オブジェクトのマージとソース オブジェクトのマージに使用されます。 (source) のすべての列挙可能なプロパティがターゲット オブジェクト (target) にコピーされます。

例:

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)

出力:

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

Note

1. Object.assign() メソッドの最初のパラメータはターゲット オブジェクトであり、以下のパラメータはすべてソース オブジェクトです。

2. ここでは、obj2 の属性 b が obj3 の属性 b で上書きされます。

方法 2: スプレッド演算子を使用する

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)

実行結果:

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

{...obj1,...obj2,... obj3} ...リンクの形式はよりシンプルで粗雑です。

【関連する推奨事項: JavaScript ビデオ チュートリアル 、Web フロントエンド ]

以上がes6でオブジェクトを結合する方法は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。