解构赋值

  • ** 参考**
    书籍: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 ]
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容