数组的解构赋值
来源:互联网 发布:罗斯福连任 知乎 编辑:程序博客网 时间:2024/04/30 07:18
基本用法
ES6允许按照一定的模式,从数组和对象中提取值,对变量进行赋值,这被称之为解构(Destructuring)
// 以前为变量赋值,只能直接指定值var a = 1;var b = 2;var c = 3;// ES6允许写成这样var [a,b,c] = [1,2,3];
本质上,这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值。
下面是一些使用嵌套数组进行解构的例子:
let [foo,[[bar],baz]] = [1,[[2],3]];foo // 1bar // 2baz // 3let [,,third] = ["foo","bar","baz"];third // "baz"let [head,...tail] = [1,2,3,4];head // 1tail // [2,3,4]let [x,y,...z] = ['a'];x // "a"y // undefinedz // []
默认值
解构赋值允许制定默认值
var [foo = true] = [];foo // true[x,y='b'] = ['a'];// x='a', y='b'
注意,ES6内部使用严格相等运算符(===
),判断一个位置是否有值。
所以,如果一个数组成员不严格等于undefined
,默认值是不会生效的。
var [x=1] = [undefined];x //1var [x=1] = [null];x // null
如果默认值是一个表达式,那么这个表达式是惰性求值的,即只有在用到的时候,才会求值:
function f(){ console.log('aaa');}let [x=f()] = [1];
上面的代码中,因为x
能取到值,所以函数f()
根本不会执行。上面的代码其实等价于下面的代码:
let x;if([1][0] === undefined){ x = f();}else{ x = [1][0];}
默认值可以引用解构赋值的其他变量,但该变量必须已经声明:
let [x=1,y=x] = [];// x=1; y=1let [x=1,y=x] = [2];// x=2; y=2let [x=1,y=x] = [1,2];// x=1; y=2let [x=y,y=1] = []; // ReferenceError
上面最后一个表达式,因为x
用到默认值是y
时,y
还没有声明。
0 0
- 数组的解构赋值
- 数组的解构赋值
- 数组的解构赋值
- 变量的解构赋值-数组的解构
- ES6数组的解构赋值
- 3.1 数组的解构赋值
- ES6数组的解构赋值和Set
- 15、ES6 数组的解构赋值
- JavaScript解构赋值(代码说明ES6数组, 对象, 函数的解构赋值)
- 对象的解构赋值
- 对象的解构赋值
- 变量的解构赋值
- 变量的解构赋值
- 变量的解构赋值
- 变量的解构赋值
- 对象的解构赋值
- 变量的解构赋值
- 变量的解构赋值
- Qt实现窗体在显示屏旁边自动隐藏(类似QQ)
- 在阿里云盘扩容过程中遇到的坑
- Socket Java设置超时时间
- 操作系统 进程管理之处理机调度
- HTTP 304 返回状态码的意思是什么
- 数组的解构赋值
- 台式机设置双屏显示
- 批处理命令学习笔记——黑客攻击
- android 开发 命名规范
- 模板的定义
- 操作系统 进程管理之死锁
- Phabricator安装配置填坑总结
- opencv视频播放和进度条
- 工作中遇到的动画