谷粒商城22- 前端基础 es6解构表达式

解构表达式

数组解构

  let arr = [1,2,3];

        //传统的赋值方式, 逐个取数组下标
        // let a = arr[0];
        // let b = arr[1];
        // let c = arr[2];
        // console.log(a,b,c);
        
        let [a, b, c] = arr ; 
        console.log(a,b,c);

控制台打印如下

对象解构

传统的对象解构， 对象.属性 es6对象解构

const person = {
            name: "jack",
            age: 21,
            language: ['java','js','css']
        }
        
        const {name,age , language } = person;
        
        console.log(name , age , language);

在进行对象解构的时候， 还可以把获取的属性的变量名，改成其他的变量名。 如下代码所示， myname为新变量名

const person = {
            name: "jack",
            age: 21,
            language: ['java','js','css']
        }
        
        const {name:myname ,age , language } = person;
        
        console.log(myname , age , language);