一个案例搞懂解构

简介: 一个案例搞懂解构

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

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

相关文章
|
前端开发
前端学习笔记202306学习笔记第三十八天-Es6-对象得解构赋值2
前端学习笔记202306学习笔记第三十八天-Es6-对象得解构赋值2
60 0
|
6月前
|
JavaScript 前端开发
JavaScript开发基础问题:解释一下变量提升。
JavaScript开发基础问题:解释一下变量提升。
63 5
|
前端开发
前端学习笔记202306学习笔记第三十八天-Es6-对象得解构赋值3
前端学习笔记202306学习笔记第三十八天-Es6-对象得解构赋值3
45 0
|
前端开发
前端学习笔记202306学习笔记第三十八天-Es6-解构赋值的应用
前端学习笔记202306学习笔记第三十八天-Es6-解构赋值的应用
77 0
|
前端开发
前端学习笔记202306学习笔记第三十八天-Es6-对象得解构赋值1
前端学习笔记202306学习笔记第三十八天-Es6-对象得解构赋值1
64 0
|
前端开发
前端学习案例1-块级作用域1
前端学习案例1-块级作用域1
41 0
前端学习案例1-块级作用域1
|
前端开发
前端学习案例2-weakMap的用法2
前端学习案例2-weakMap的用法2
51 0
|
前端开发
前端学习案例2-闭包的形式
前端学习案例2-闭包的形式
35 0
前端学习案例2-闭包的形式
|
前端开发
前端学习案例1-闭包的形式
前端学习案例1-闭包的形式
56 0
前端学习案例1-闭包的形式
|
前端开发
前端学习案例2-块级作用域2
前端学习案例2-块级作用域2
34 0
前端学习案例2-块级作用域2