一个案例搞懂解构

简介: 一个案例搞懂解构

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

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

相关文章
|
前端开发
前端学习案例18-数组方法some和every
前端学习案例18-数组方法some和every
56 0
前端学习案例18-数组方法some和every
|
前端开发
前端学习案例1-数组方法的应用
前端学习案例1-数组方法的应用
25 0
前端学习案例1-数组方法的应用
|
前端开发
前端学习案例1-数组方法得总结和运用2
前端学习案例1-数组方法得总结和运用2
27 0
前端学习案例1-数组方法得总结和运用2
|
前端开发
前端学习案例10-数组方法得总结和运用10
前端学习案例10-数组方法得总结和运用10
23 0
前端学习案例10-数组方法得总结和运用10
|
前端开发
前端学习案例6-数组方法6
前端学习案例6-数组方法6
31 0
前端学习案例6-数组方法6
|
前端开发
前端学习案例9-数组方法9
前端学习案例9-数组方法9
28 0
前端学习案例9-数组方法9
|
前端开发
前端学习案例11-数组方法得总结和运用11
前端学习案例11-数组方法得总结和运用11
35 0
前端学习案例11-数组方法得总结和运用11
|
前端开发
前端学习案例7-数组方法7
前端学习案例7-数组方法7
27 0
前端学习案例7-数组方法7
|
前端开发
前端学习案例4-数组方法4
前端学习案例4-数组方法4
42 0
前端学习案例4-数组方法4
|
前端开发
前端学习案例2-数组方法2
前端学习案例2-数组方法2
29 0
前端学习案例2-数组方法2