美文网首页
解构赋值

解构赋值

作者: 快乐的大鹅 | 来源:发表于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