ES6语法-引用类型的解构与赋值

  1. 1 数组的解构方法
  2. 对象的解构方法

1 数组的解构方法

/*以前老的方式*/
  var arr = [1,2,3]
  //通过以前的方法的话我们是通过下标一个个取到具体的值来进行赋值,像下面这样
  var index0 = arr[0]
  var index1 = arr[1]
  var index2 = arr[2]
  console.log(index0,index1,index2)

  /*现在新的方式*/
  let arr1 = [2,3,5]
  let [a,b,c] = arr1//核心代码就在这里,通过直接赋值的方式,就可以取到对应的数组item
  console.log(a,b,c)

对象的解构方法

//以前的老方式进行对象的输出打印
const person = {name:'chenxianyun',age:18}
  // 以前老的方式拿数据
  const name = person.name
  const password = person.password
  console.log(name,password)
//现在新的解构对象的方式
const person = {name:'chenxianyun',age:18}
  // 以前老的方式拿数据
  // const name = person.name
  // const password = person.password
  // console.log(name,password)


  //现在新的解构对象的方式
  const {name,age} = person
  console.log(name,age)



转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 1371769065@qq.com

文章标题:ES6语法-引用类型的解构与赋值

字数:230

本文作者:一叶知秋

发布时间:2020-07-27, 15:46:01

最后更新:2020-07-27, 16:02:34

原始链接:http://yoursite.com/2020/07/27/fontend/ES6%E8%AF%AD%E6%B3%95-%E5%BC%95%E7%94%A8%E7%B1%BB%E5%9E%8B%E7%9A%84%E8%A7%A3%E6%9E%84%E4%B8%8E%E8%B5%8B%E5%80%BC/

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。

×

喜欢就点赞,疼爱就打赏

相册 github