一个案例搞懂解构

简介: 一个案例搞懂解构

hello,我是小索奇,看到很多人还不懂解构,这里用很简单的例子给大家讲解下哈

什么是解构

解构语法可以让我们从对象或数组中提取值,并赋值给变量。

比如从对象中取出属性:

const user = {
  name: 'John',
  age: 20
}
// 解构取出name和age
const { name, age } = user
console.log(name) // 'John'
console.log(age) // 20

这里我们使用const { name, age } = user的语法从user对象中取出了name和age属性,赋值给同名变量。

从数组中取出元素:

const arr = [1, 2, 3]
// 解构取出第一个和第三个元素  
const [first, ,third] = arr
console.log(first) // 1
console.log(third) // 3

两段小代码,如果有不懂的欢迎留言~

相关文章
|
6月前
|
JavaScript 前端开发
JavaScript开发基础问题:解释一下变量提升。
JavaScript开发基础问题:解释一下变量提升。
65 5
|
前端开发
前端学习案例1-块级作用域1
前端学习案例1-块级作用域1
42 0
前端学习案例1-块级作用域1
|
前端开发
前端学习案例2-weakMap的用法2
前端学习案例2-weakMap的用法2
52 0
|
前端开发
前端学习案例2-闭包的形式
前端学习案例2-闭包的形式
35 0
前端学习案例2-闭包的形式
|
前端开发
前端学习案例1-经典闭包面试题1
前端学习案例1-经典闭包面试题1
70 0
前端学习案例1-经典闭包面试题1
|
前端开发
前端学习案例1-闭包的形式
前端学习案例1-闭包的形式
56 0
前端学习案例1-闭包的形式
|
前端开发
前端学习案例3-闭包定义3
前端学习案例3-闭包定义3
64 0
前端学习案例3-闭包定义3
|
前端开发
前端学习案例4-闭包定义4
前端学习案例4-闭包定义4
69 0
前端学习案例4-闭包定义4
|
前端开发
前端学习案例2-闭包定义2
前端学习案例2-闭包定义2
61 0
前端学习案例2-闭包定义2
|
前端开发
前端学习案例1-闭包定义
前端学习案例1-闭包定义
50 0
前端学习案例1-闭包定义