代入の構造化: 変数代入の左側にある角括弧の意味を明らかにする

JavaScript では、変数代入の左側にある角括弧に遭遇します。変数代入の左側は複雑に思えるかもしれません。この構文の意味を解読するために、代入の構造化の領域に踏み込みます。

構文と操作

代入の構造化。JavaScript 1.7 および ECMAScript 6 で導入された機能です。を使用すると、配列またはオブジェクトの値を個別の変数に解凍できます。構文は次のようになります:

[variable1, variable2, variable3] = [value1, value2, value3];

コード例では:

[ a, b, c ] = myList;

左側の角括弧は、構造化代入を表します。これは、配列 myList の値を変数 a、b、c に割り当てます。

Browser Support

Opera 10.30 および Firefox 3.6.x ではシームレスに機能しますが、構造化代入は Opera 10.60 および Chrome ではサポートされていません。この不一致は、構造化代入が ECMAScript 5 の一部ではないことが原因であると考えられます。

ECMAScript 標準準拠

リンクされたリファレンスで検証されているように、構造化代入は準拠していません。これは JavaScript 1.7 の機能として導入され、その後 ECMAScript 6 で正式化されました。

結論

左側の角括弧で示される代入の構造化変数割り当ての一方で、配列またはオブジェクトから値を解凍する簡潔な方法を提供します。ただし、ECMAScript 5.