「JavaScript/演算子」の版間の差分

削除された内容 追加された内容
Ef3 (トーク | 投稿記録)
paiza
タグ: 2017年版ソースエディター
Ef3 (トーク | 投稿記録)
→‎分割代入: リファクタリング
タグ: 2017年版ソースエディター
516 行
 
=== 分割代入 ===
分割代入(ぶんかつだいにゅう、''Destructuring assignment)assignment'')は、配列の値やオブジェクトのプロパティを個別の変数に展開することができるJavaScriptの表現方法です<ref>[https://tc39.es/ecma262/#sec-destructuring-assignment ECMA-262::13.15.5 Destructuring Assignment]</ref>。
;[https://paiza.io/projects/H4bmW_WULiX9192rSzkE1w?language=javascript 分割代入の例]:<syntaxhighlight lang="javascript" line>
let x,y;
[x, y] = [2, 3];
 
console.log(`x); //= 2${x}, y = ${y}`);
console.log(y); // 3
 
let a, b;
({ a, b } = { a: 12, b: 21 }); // 括弧がないとブロック文と解されてしまう。
console.log(`a); //= 12${a}, b = ${b}`);
console.log(b); // 21
 
[a, b] = [b, a]
console.log(`a); //= 21${a}, b = ${b}`);
</syntaxhighlight>
console.log(b); // 12
;実行結果:<syntaxhighlight lang=text>
x = 2, y = 3
a = 12, b = 21
a = 21, b = 12
</syntaxhighlight>