オブジェクトのマージと配列を処理する場合の ES6 スプレッド演算子のメカニズム

配列のマージ

const a = [1,2,3]
const b = [2,5,6]
const c = [...a, ...b]
console.log(c)
[1, 2, 3, 2, 5, 6]

アレイのマージと重複排除

const a = [1,2,3]
const b = [2,5,6]
const c = [...new Set([...a, ...b])]
console.log(c)
[1, 2, 3, 5, 6]

オブジェクトがマージされ、同じ値を持つ場合は、後の値が採用されます。

const obj1 = {
    
    
    a:1
}
const obj2 = {
    
    
    b:2
}
const obj = {
    
    ...obj1, ...obj2}
console.log(obj)
{
    
    a: 1, b: 2}

const obj1 = {
    
    
    a:1
}
const obj2 = {
    
    
    a:2
}
const obj = {
    
    ...obj1, ...obj2}
console.log(obj)
{
    
    a: 2}