Quantcast
Channel: 連想配列タグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 129

【JavaScript】オブジェクト(連想配列)を結合する

$
0
0

Object.assign()を使用した方法

const obj1    = { a: 1, b: 2, c: 3 };
const obj2    = { d: 4, e: 5, f: 6 };
const result1 = Object.assign(obj1, obj2);
console.log(result1);
// => { a: 1, b: 2, c: 3, d: 4, e: 5, f: 6 }

const obj3    = { a: 1, b: 2, c: 3 };
const obj4    = { a: 4 };
const result2 = Object.assign(obj3, obj4);
console.log(result2);
// 同じKeyの値がある場合、第2引数のものに上書きされる
// => { a: 4, b: 2, c: 3 }

スプレッド構文を使用した方法

@shiracamus 様にコメントで教えていただきました、ありがとうございます。

const obj1    = { a: 1, b: 2, c: 3 };
const obj2    = { d: 4, e: 5, f: 6 };
const result1 = { ...obj1, ...obj2 }
console.log(result1);
// => { a: 1, b: 2, c: 3, d: 4, e: 5, f: 6 }

const obj3    = { a: 1, b: 2, c: 3 };
const obj4    = { a: 4 };
const result2 = { ...obj3, ...obj4 }
console.log(result2);
// 同じKeyの値がある場合、2つ目のものに上書きされる
// => { a: 4, b: 2, c: 3 }

参考


Viewing all articles
Browse latest Browse all 129

Trending Articles