数组的解构赋值

ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构。

以前,为变量赋值,只能直接指定值。
let a = 1;
let b = 2;
let c = 3;

ES6允许写成下面这样。
let [a, b, c] = [1, 2, 3];
上面代码表示,可以从数组中提取值,按照对应位置,对变量赋值。

本质上,这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值。下面是一些使用嵌套数组进行解构的例子。

Paste_Image.png

如果解构不成功,变量的值就等于undefined。

Paste_Image.png

以上两种情况都属于解构不成功,foo的值都会等于undefined。

Paste_Image.png

本文章主要内容来自阮一峰的ES6入门一书中

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

相关阅读更多精彩内容

  • 基本用法 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring...
    嘉奇呦_nice阅读 4,136评论 0 2
  • 解构(Destructuring)。是指在ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值, 在解构出...
    博为峰51Code教研组阅读 1,805评论 0 0
  • 1.数组的解构赋值 2.对象的解构赋值 3.字符串的解构赋值 4.数值和布尔值的解构赋值 5.函数参数的解构赋值 ...
    卞卞村长L阅读 4,398评论 0 0
  • 数组的解构赋值 基本用法 ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destru...
    呼呼哥阅读 3,188评论 0 3
  • 时钟滴滴答,转了一圈又一圈,我时不时拿起手机看着点,心中免不了一顿埋怨。是的,我在等门,等着我家老公的门。 先来介...
    可可人阅读 3,823评论 0 0

友情链接更多精彩内容