javascript 分割代入を使用する
- 2020.09.27
- javascript
- javascript
javascriptで、分割代入を使用するサンプルコードを記述してます。
環境
- OS windows10 pro 64bit
- Apache 2.4.43
分割代入
分割代入を、配列やオブジェクトに変数を一括で代入することができます。
分割代入を使用しない場合
|
1 2 3 4 5 6 7 8 9 |
var arr = [1, 2, 3]; var a = arr[0]; var b = arr[1]; var c = arr[2]; console.log(a); // 1 console.log(b); // 2 console.log(c); // 3 |
分割代入を使用すると簡潔に記述することができます。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
var a, b, c; [a, b, c] = [1, 2, 3]; console.log(a); // 1 console.log(b); // 2 console.log(c); // 3 // 数が合わない場合は、代入されません [a, b, c] = [1, 2, 3, 4]; console.log(a); // 1 console.log(b); // 2 console.log(c); // 3 var [a = -1, b = -2, c = -3] = [1, undefined];; console.log(a); // 1 console.log(b); // -2 console.log(c); // -3 |
二次元配列にも使用できます。
|
1 2 3 4 5 6 7 8 9 10 11 12 |
[ [x1, y1], [x2, y2] ] = [ [11, 12], [21, 22], ];; console.log(x1); // 11 console.log(y1); // 12 console.log(x2); // 21 console.log(y2); // 22 |
スプレッド構文も使用することができます。
|
1 2 3 4 |
[a, b, ...c] = [1, 2, 3, 4]; console.log(a); // 1 console.log(b); // 2 console.log(c); // [3,4] |
変数を入れ替えることも簡単にできます。
|
1 2 3 4 5 6 7 8 9 10 11 |
var a, b; [a, b] = [1, 2]; console.log(a); // 1 console.log(b); // 2 [a, b] = [b, a]; console.log(a); // 2 console.log(b); // 1 |
オブジェクトにも使用できます。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
({ a, b } = { a: 1, b: 2 }); console.log(a); // 1 console.log(b); // 2 ({ a, b, c } = { a: 1, b: 2, c: { d: 4, e: 5 } }); console.log(a); // 1 console.log(b); // 2 console.log(c); // {d: 4, e: 5} ({a, b, ...c} = {a: 1, b: 2, c: 3, d: 4}); console.log(a); // 1 console.log(b); // 2 console.log(c); // {c: 3, d: 4} |
-
前の記事
javascript for ofを使って配列をフロントに表示する 2020.09.27
-
次の記事
javascript テキストに下線を引く 2020.09.27