ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript での代入の構造化

JavaScript での代入の構造化

autoload
autoloadオリジナル
2021-04-09 17:17:542065ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。