cometang前端技术博客 cometang前端技术博客
首页
  • html5
  • JavaScript
  • ES6
  • Vue
  • 微信小程序
  • react
  • react上手教程
  • 前端框架
  • 大神之路
  • 面试汇总
  • Node
  • PHP
  • Go语言
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

cometang

永远相信技术的力量
首页
  • html5
  • JavaScript
  • ES6
  • Vue
  • 微信小程序
  • react
  • react上手教程
  • 前端框架
  • 大神之路
  • 面试汇总
  • Node
  • PHP
  • Go语言
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • ES6

    • let与const
    • 解构赋值
      • 数组的解构赋值
      • 对象的解构赋值
    • 字符串模板
    • 箭头函数
    • 展开运算符
    • 数组的方法
    • 对象的方法
    • 类的继承
  • vue

  • h5

  • JavaScript

  • 前端框架

  • react

  • 大神之路

  • 微信小程序

  • 面试题汇总

  • react轻松上手教程

  • 前端
  • ES6
cometang
2021-01-19
目录

解构赋值

# 数组的解构赋值

  • 数组的解构赋值的变量位置必须一一对应,变量数量超出数组的长度时,对应变量的值为undefined
let [name,age] = ['cometang',23]
console.log(name)
console.log(age)
// cometang
// 23
1
2
3
4
5
let [,age] = ['cometang',23]
console.log(age)
// 23
1
2
3
let [,age,xx] = ['cometang',23]
console.log(xx)
// undefined
1
2
3
  • 获取解构对象的属性值时,属性名确保正确
let {length} = ['cometang',12,22]
console.log(length)
// 3
1
2
3

# 对象的解构赋值

  • 有键值对的对象的解构赋值,可以不按照顺序取值,但是属性名不能对应出错,如果对应出错,该变量找不到对应的值就会赋值为undefined
let {age,name} = {name:'cometang',age:23}
console.log(age)
// 23
1
2
3
let {age,xx} = {name:'cometang',age:23}
console.log(xx)
// undefined
1
2
3
  • 有键值对的对象可以通过":"的形式给赋值的变量更改名字
let {age,name:a} = {name:'cometang',age:23}
console.log(a)
// cometang
1
2
3
  • 如果没有对应值的情况可以通过"="提前设置一个默认值
let {age,sex='男'} = {name:'cometang',age:23}
console.log(sex)
// 男
1
2
3
编辑 (opens new window)
上次更新: 2022/05/28, 19:34:46
let与const
字符串模板

← let与const 字符串模板→

最近更新
01
go语言基础
07-13
02
《react上手教程》- 基础语法
07-13
03
redux-redux toolkit-状态管理
03-18
更多文章>
Theme by Vdoing | Copyright © 2019-2023

cometang | 唐世杰 渝ICP备18015657号-2

  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式