スプレッド構文 『…』

  • 投稿日
  • 著者 NKMR
  • カテゴリー JavaScript

スプレッド構文は配列の中身を順番に処理して出力してくれる。

const arr = [1, 2];
console.log(arr);
// ↑出力結果: (2) [1, 2]
console.log(...arr);
// ↑出力結果: 1 2
// スプレッド構文は↑のように配列の配列の中身を順番に処理して出力してくれる
const arr2 = [1, 2];
const sumFunc = (num1, num2) => console.log(num1 + num2);
sumFunc(...arr2); // 3
// ↑のようにまとめることもできる
const arr3 = [1, 2, 3, 4, 5];
const [num1, num2, ...arr3] = arr3;
console.log(num1); // 1
console.log(num2); // 2
console.log(arr3); // (3) [3, 4, 5]
const arr4 = [20, 40];
const arr5 = [40, 70];
// 配列をコピーする
const arr6 = [...arr4];
console.log(arr6); // (2) [20, 40]
// 配列を結合する
const arr7 = [...arr4, ...arr5]; 
console.log(arr7); // [20, 40, 40, 70]
基本