Vue前端面试题总结（十三） 解构赋值详解

解构赋值

什么是解构赋值

在数组跟对象中快速取到我们需要拿到的值
就是分开将对应的键值拿到我们想要的数组跟对象里面 解构结构
然后可以对其进行赋值

解构赋值，左右结构必须一样，使用左边定义的值，快速的取出数据中对应的数据值，而且 定义和赋值必须放到一起，不然的话就会报错，取不出来数据值，而且左边也必须是一个 js 存在数据结构不然的话也会报错，解构赋值的主要作用还是，快速的让我们在数据中抓取出我们想要的数据
解构赋值分为

• 数组解构赋值
• 对象解构赋值

解构赋值的基本用法

let  [name ,age,sex] =  [ '张三',22,'男']
console.log(name)
console.log(age)
console.log(sex)

数组解构赋值

let [a,[b,[c,d]]] = [1,[2,[3,4]]];
 a  = 3
console.log(a) // 这边输出的是3

对象解构赋值

const a = {
    name:"外下羊",
    age:12,
  
}
  a.age  = 13

console.log(a.age)