comelong blog comelong blog
首页
  • html5
  • JavaScript
  • ES6
  • Vue
  • react
  • Node
  • PHP
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

comelong

永远相信技术的力量
首页
  • html5
  • JavaScript
  • ES6
  • Vue
  • react
  • Node
  • PHP
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • ES6

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

  • h5

  • JavaScript

  • React

  • Git

  • webpack

  • js查漏补缺

  • uniapp

  • 组件封装

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

解构赋值

# 数组的解构赋值

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

# 对象的解构赋值

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

← let与const 字符串模板→

最近更新
01
Api接口
07-30
02
分页组件
07-06
03
mongodb
05-07
更多文章>
Theme by Vdoing | Copyright © 2019-2023 comelong | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式