JavaScript での代入の構造化

autoload
リリース: 2021-04-15 13:55:45
オリジナル
2092 人が閲覧しました

JavaScript での代入の構造化

ES6以前は、2 つの変数間で値を交換するにはサードパーティ変数の導入が必要でしたが、ES6 では が導入されました。代入 を分割すると、コードの記述がより簡潔になり、読みやすくなります。

#1. 変数値の交換 #

        let a=10,b=20;
        console.log(a,b);
        [a,b]=[b,a];
        console.log(a,b);
ログイン後にコピー

#2. 配列の構造化

 // 等号左边是右边的模板,必须一样
        let [a,b,c] =[1,2,3];
        console.log(a,b,c);
ログイン後にコピー
デフォルト値を事前設定できます

        [a,b,c='JS'] =[1,2];
        console.log(a,b,c);
ログイン後にコピー

マージパラメータを使用できます

        [a,b,...c] =[1,2,3,5,6,66];
        console.log(a,b,...c);
ログイン後にコピー

一部のパラメータを省略できます

        [,,c] =[1,2,3,5,6,66];
        console.log(c);
ログイン後にコピー

##3. オブジェクトの分解

          ({id,name}={id:10,name:"手机"});
           console.log(id,name);
ログイン後にコピー
推奨: 「2021 js インタビューの質問と回答 (大要約)

以上がJavaScript での代入の構造化の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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