JavaScript-解構賦值說明-ASTRO Camp X 五倍紅寶石

解構賦值(Destructuring assignment)
是一種 JavaScript 運算式,可以將陣列(ary)或物件(object)中的資料取出成為獨立變數。
打個比方,假如有一個人叫做小明,年紀18歲,他的性別是男生。那我們將小明的資料放入陣列,並把小明資料賦值給他
陣列的寫法

有一個人 = ['小明', 18, '男生']
var 姓名 = 有一個人[0] = '小明'
var 年紀 = 有一個人[1] = 18
var 性別 = 有一個人[2] = '男生'
console.log(姓名, 年紀, 性別);

在ES6的狀態下,用解構賦值的寫法

let [姓名, 年紀, 性別] = ['小明', 18, '男生']
console.log(姓名, 年紀, 性別)

這就跟鏡子反射一樣,可以直接投影過去,另外一邊就會有東西的產生。我覺得最大的好處就是程式碼可以少打很多(誤~)

但如果陣列其中一項沒有給值會發生什麼事情呢?

let [姓名, 年紀, 性別] = ['小明', 18,]
console.log(姓名, 年紀, 性別)

當沒有對應的東西時,就會得到undefined。

上課中 泰安老師也有提到兩件事
1.key跟物件名稱一下時,是可以省略key的名稱。
2.用解構賦值時,順序可以調換。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *