※この機能はES2015以降のみ使用可能。
分割代入とは、配列やオブジェクトなどの値を複数の変数に一気に展開する方法。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
let data = [1, 2, 3, 4, 5, 6]; //x1～x6に一気に値を展開する let [x1, x2, x3, x4, x5, x6] = data; window.alert( `x1 = ${x1} x2 = ${x2} x3 = ${x3} x4 = ${x4} x5 = ${x5} x6 = ${x6} `); /* 表示結果 x1 = 1 x2 = 2 x3 = 3 x4 = 4 x5 = 5 x6 = 6 */ |
また、「…」演算子を使用することで、展開しなかった残りの要素をまとめて配列として切り出すことができる。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
let data = [1, 2, 3, 4, 5, 6] let [x1, x2, x3, ...others] = data; window.alert( `x1 = ${x1} x2 = ${x2} x3 = ${x3} others = ${others} `); /* 表示結果 x1 = 1 x2 = 2 x3 = 3 others = 4,5,6 */ |