「JavaScript」スプレッド構文(Spread Syntax)と残余引数(Respt Parameters)

スポンサーリンク

今回はJavaScriptのスプレッド構文(Spread Syntax)と残余引数(Respt Parameters)について解説します。

スプレッド構文(Spread Syntax)

配列、オブジェクトなどを展開できます。

const arr = [1,2,3,4,5]

const newArr = [...arr,6]


(6) [1, 2, 3, 4, 5, 6]

オブジェクトの展開は特定のプロパティを書き換えたい時に役立ちます。

const obj = {id:1,name:'taro',age:20}

const newObj = {...obj,age:21}

{id: 1, name: 'taro', age: 21}

残余引数(Respt Parameters)

関数の引数が不定の場合に役立ちます。

const func = (...args) => {
    console.log(args)
}

func("A","B","C")

 ['A', 'B', 'C']

必須の引数を指定する場合は残余引数(Respt Parameters)を最後に記述します。

const func = (num,...args) => {
    console.log(num,args)
}

func(10,"A","B","C")

10 (3) ['A', 'B', 'C']