對(duì)象的解構(gòu)賦值
et {對(duì)象的屬性名: 要聲明的變量名} = 對(duì)象
就會(huì)自動(dòng)聲明一個(gè)變量出來(lái)废恋,變量的值就是對(duì)象中對(duì)應(yīng)的屬性的值
如下例子:
let obj = {
name: '華為',
age: 30
}
let name1 = obj.name // 以前的賦值
let {name: name2} = obj // 解構(gòu)賦值
console.log(name1) // 華為
console.log(name2) // 華為
如果對(duì)象的屬性名和要聲明的變量名同名可以簡(jiǎn)寫(xiě)成一個(gè)
let obj = {
name: '華為',
age: 30
}
// let { name: name, age: age } = obj;
// 對(duì)象的屬性名name/age和變量名name/age相同压汪,則可以簡(jiǎn)寫(xiě)成一個(gè)
let {name, age} = obj
console.log(name, age) // 華為 30
// 主要應(yīng)用于:import { 要導(dǎo)入的內(nèi)容, 要導(dǎo)入的內(nèi)容 } from "模塊"
function test ({name, age}){
console.log(name, age)
}
test(obj)
數(shù)組的解構(gòu)賦值
可以從數(shù)組中提取值,按照對(duì)應(yīng)位置返弹,對(duì)變量賦值
let arr = [1, 2, 3, 4]
let [num1, num2, num3, num4] = arr
也可以這樣
let [num1, , , num4] = arr
console.log(num1) // 1
console.log(num4) // 4
二維數(shù)組
let arr = [[1, 2], [3, 4]]
let [[num1, num2], [num3, num4]] = arr
console.log(num1, num2, num3, num4) // 1 2 3 4