ゆう's Blog
JavaScriptのスプレッド構文

配列やオブジェクトを展開するために使用されます。

例えば、rgbが[r, g, b]という配列である場合、...rgbはr, g, bという個々の要素に展開されます。これは関数の引数として配列の要素を個々に渡すために便利です。

以下に具体的な例を示します:

let rgb = [123, 45, 67];

function printColors(r, g, b) {
console.log(`Red: ${r}, Green: ${g}, Blue: ${b}`);
}

// スプレッド構文を使用して配列の要素を関数の引数として渡す
printColors(...rgb); // "Red: 123, Green: 45, Blue: 67"と出力されます

この例では、printColors関数は3つの引数r, g, bを取ります。...rgbを使用することで、rgb配列の各要素がそれぞれの引数に対応するように関数に渡されます。

このように、スプレッド構文は配列やオブジェクトの要素を個々に操作する必要がある場合に非常に便利です。