ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript の変数代入の左側にある角括弧は何をしているのでしょうか?

JavaScript の変数代入の左側にある角括弧は何をしているのでしょうか?

DDD
リリース: 2024-11-15 17:54:03
オリジナル
487 人が閲覧しました

What are square brackets doing on the left-hand side of variable assignment in JavaScript?

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

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

構文と操作

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

[variable1, variable2, variable3] = [value1, value2, value3];
ログイン後にコピー

コード例では、

[ a, b, c ] = myList;
ログイン後にコピー

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

ブラウザのサポート

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

ECMAScript 標準準拠

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

結論

左側の角括弧で示される代入の構造化-変数割り当ての一方で、配列またはオブジェクトから値を解凍する簡潔な方法を提供します。ただし、ECMAScript 5 にはこの機能がないため、クロスブラウザーのサポートは制限されています。

以上がJavaScript の変数代入の左側にある角括弧は何をしているのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート