在这个例子中,getUserInfo 函数返回的对象使用了 userName 和userAge 作为键名,但我们希望使用 name 和age 作为变量名。通过解构赋值的重命名功能,我们可以轻松地将这些数据映射到新的变量名上。
1.{}(字面量)是不可以遍历的 2.object结构重命名 例子1:基础 let {foo,bar} = {foo:'aaa',bar:'bbb'}; consolel.log(foo,bar);//foo='aaa',bar='bbb'let {ba2:foo} = {ba2:'ddd'} console.log(foo);//'ddd' 例子2:解构重命名 let {x:str,y:num} = {y:'123',x:'abc'}; con...
console.log(a+' | '+b+' | '+c);//1 | 2 | 3 2、更复杂,更强大的赋值,解构[1,[2,3]] //把 1,2,3分别赋值给a,b,cvar[a,[b,c]]=[1,[ 2,3]]; console.log(a+' | '+b+' | '+c);//1 | 2 | 3 3、跳着赋值 //把1赋值给a,3赋值给cvar[a,,c]=[1,2,3]; console...
1 以前后端传过来的数据，我们都是一个一个声明变量保存；2 如果键值特别多，ES6中提供了解构赋值，现在我们可以这样操作var {name} = obj;3 可以取对象内全部数据：var {name,age,a,b,c} = obj;4 解构赋值可以重命名，var {name: user}=obj;5 取一个对象里没有的值，返回 undefined；6 我们可以给...
// 解构默认赋值 let [x = 1] = [undefined];// x=1; let [x = 1] = [null];// x=null; // 数组成员严格等于undefined,默认值才会生效 let [x = 1, y = x] = []; // x=1; y=1 let [x = 1, y = x] = [2]; // x=2; y=2 ...
在ES6解构赋值中,可以使用冒号(:)来设置一个别名。具体语法如下: let { propertyName: alias } = object; 复制代码 其中,propertyName是要解构赋值的属性名,alias是设置的别名。 例如: let person = { name: 'John', age: 30 }; let { name: personName, age: personAge } = person; console.log(...
es6 解构赋值取别名 当解构时,发现变量重名了,可设置别名区分 const{product:{data:{list:productList=[]},},bulletin:{data:{list:bulletinList=[]},},article:{data:{list:articleList=[]},}}=this.props;
解构赋值也可以用于函数的参数中，方便地获取传入对象的属性值。printUser({ name, age }) { ...
一、数组的解构赋值 以前,为变量赋值只能直接指定值 如下: let a = 1 let b = 2 let c = 3 1. 2. 3. ES6 允许写成下面这样 如下: let [a, b, c] = [1, 2, 3] 1. 上面的代码表示,可以从数组中提取值,按照对应位置对应变量赋值,这种写法属于‘模式匹配’, 只有等号两边的模式相同,左边的变量...
数组的解构赋值 与对象解构的语法相比,数组解构就简单多了,它使用的是数组字面量,且解构操作全部在数组内完成,而不是像对象字面量语法一样使用对象的命名属性。 在上面的代码中,我们从数组 list 中解构出数组索引 0 和 1 所对应的值并分别存储至变量 houseNo 和 street 中。