【JavaScript初学者】スプレッド構文の使い方

　
スプレッド構文を使えば配列の中に配列を追加することができます。 　

スプレッド構文

書き方

{
  ...〇〇;
}

使い方

>main.js

{
  const b = [10, 20];
  const a = [20, 10, 50, 60, ...b];
  console.log(a);
}

結果

>[20, 10, 50, 60, 10, 20]

関数の引数に使う場合

>main.js

{
  const b = [10, 20, 50];

  function sum(a, b, c) {
   console.log(a + b + c);
  }

  sum(...b); //sum(10, 20, 50)と同じ
}

結果

>80

補足

スプレッド構文を使わずに配列を追加しようとすると配列の中に配列ができてしまう。

>main.js

{
  const b = [10, 20];
  const a = [20, 10, 50, 60, b];
  console.log(a);
}

結果

>20, 10, 50, 60, Array(2)

　
　
未経験からエンジニアを目指すなら↓