美文网首页
解构赋值

解构赋值

作者: 快乐的大鹅 | 来源:发表于2017-05-17 16:18 被阅读0次
    • ** 参考**
      书籍:ECMAScript 6 入门
      作者:阮一峰

    • 数组的解构赋值
      可以从数组中提取值,按照对应位置,对变量赋值。本质上,这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值。

    • 对象的解构赋值
      对象的解构赋值的内部机制,是先找到同名属性,然后再赋给对应的变量。真正被赋值的是后者,而不是前者。

    • 用途

    • 交换变量的值

    let [a ,b , c] = [1,2,3];
    console.log(a);//1
    console.log(b);//2
    console.log(c);//3
    [a,b,c]=[c,a,b];
    console.log(a);//3
    console.log(b);//1
    console.log(c);//2
    
    • 从函数返回多个值
    function a(){
        return [1,2];
    }
    let [x,y]= a();
    console.log(x);//1
    console.log(y);//2
    
    • 函数参数的定义
    function a({x,y,z}){
        console.log(x,y,z); 
    }
    a({z:3,x:1,y:2});//1 2 3
    
    • 提取JSON数据
    let json4test = {
        id: 73,
        status: "OK",
        data: [123, 5555]
    };
    let { id, status, data } = json4test;
    console.log(id, status, data);//73 OK Array [ 123, 5555 ]
    

    相关文章

      网友评论

          本文标题:解构赋值

          本文链接:https://www.haomeiwen.com/subject/qjvdxxtx.html