【JavaScript】スプレッド構文

…変数 という変数は、変数の中身を展開します。

これをスプレッド構文と言います。

スプレッド構文を使用しない場合と使用する場合の例

スプレッド構文は変数の中身を展開します。
実際の動作を見る方が理解が早いと思うので、以下にスプレッド構文を使用しない場合と使用する場合の結果を記載します。

ソースコード

// スプレッド構文を使用しない場合。
let argsA = ["a", "b", "c"];
console.log(argsA);

// スプレッド構文を使用する場合。
let argsB = ["a", "b", "c"];
console.log(...argsB);

結果

スプレッド構文を使用しない場合、配列が表示されます。
一方、スプレッド構文を使用すると、配列の中身が表示されます。

[ 'a', 'b', 'c' ]
a b c

最後に

“…変数” の記法はスプレッド構文だけでなく、レスト構文でも使用されるのでややこしいです。

© DeNnie.Lab All Rights Reserved.