美文网首页
ES6变量的结构赋值19-10-16

ES6变量的结构赋值19-10-16

作者: 你坤儿姐 | 来源:发表于2019-10-16 09:12 被阅读0次

1.理解:从对象或数组中提取数据,并赋值给变量(多个)

1.对象的结构赋值

let obj = {username: 'kobe', age: 39 };
let {username, age} = obj;
//结构时定义的属性必须是obj已有的属性
console.log(username, age);

2.数组的结构赋值

//结构的时候定义的值可以随意定义,它会根据下标来赋值
//跳过数组里的前两个值去取第三个值,需要在定义时在前面添加两个逗号
let arr = [1,3,5,'abc',true];
let [a,b,c,d,e] = arr;
console.log(a,b,c,d,e);//打印结果:1,3,5,'abc',true
let [a,b] = arr;
console.log(a,b);//打印结果:1,3
let [,,a,b] = arr;
console.log(a,b);//打印结果:5, abc
let obj = {username: 'kobe', age: 39 };
function foo({username, age}){ //这里相当于let {username, age} = obj;
   console.log(username, age);
}
foo(obj);

相关文章

  • ES6变量的结构赋值19-10-16

    1.理解:从对象或数组中提取数据,并赋值给变量(多个) 1.对象的结构赋值 2.数组的结构赋值

  • 变量的结构赋值

    合理使用ES6中变量的结构赋值会改变代码的整洁度和流畅性。 数组的结构赋值 1.如果结构赋值不成功,变量值就等于u...

  • ES6学习笔记——解构赋值

    变量的结构赋值 数组的解构赋值 ES6允许从数组中提取值,按照对应的位置,对变量赋值。 如果解构不成功,变量的值就...

  • ES6

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

  • 2018-06-01解构赋值

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

  • 26

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

  • JavaScript26

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

  • js day26

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

  • 二.变量的解构赋值

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

  • 【JS 之我不知道系列】ES6 解构赋值与模板字符串

    解构赋值 解构赋值,顾名思义,将结构解开赋值给变量 ES6 允许按照一定的模式,从数组和对象中提取值,对变量进行赋...

网友评论

      本文标题:ES6变量的结构赋值19-10-16

      本文链接:https://www.haomeiwen.com/subject/klhymctx.html