ES6核心語法整理筆記（五）解構賦值

對象的結構賦值

• 直觀的賦值方法
• 嵌套對象的賦值
• 將新定義的變量修改爲自己想定義的格式

<script>
    const product ={
        name:"pocky",
        price:3.98,
        dimensions:{
            length:21.6,
            width:15.5,
            height:3.3
        }
    }
    //注意嵌套的對象賦值的格式
    const {name,dimensions:{height}}=product;
    //將變量名改成自己想定義的變量名的方式
    const {price:doller,dimensions:{width:kuan}}=product;
    console.log(name,height,doller,kuan)
    
</script>

輸出結果

pocky 3.3 3.98 15.5

數組的結構賦值

對於數組的結構賦值則將 { }改爲[ ]

    let a1=1;
    let b1=4;
    [a1, b1] = [b1, a1];
    //上面三行可直接換爲let [a,b]=[1,4];
    //結構賦值互換時注意前後代碼結尾處帶分號，不然會出現Uncaught ReferenceError: Cannot access 'b1' before initialization的錯誤
    console.log(a1,b1);

運行結果如下