您好,登錄后才能下訂單哦!
這篇文章主要講解了“es6解構賦值的概念是什么”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“es6解構賦值的概念是什么”吧!
在es6中,解構賦值是針對數組或者對象進行模式匹配,然后對其中的變量進行賦值的意思;解構賦值也是對賦值運算符的擴展,語法為“let 解構的目標 = 解構的源;”。
本教程操作環境:windows10系統、ECMAScript 6.0版、Dell G3電腦。
概述
解構賦值是對賦值運算符的擴展。
他是一種針對數組或者對象進行模式匹配,然后對其中的變量進行賦值。
在代碼書寫上簡潔且易讀,語義更加清晰明了;也方便了復雜對象中數據字段獲取。
解構模型
在解構中,有下面兩部分參與:
解構的源,解構賦值表達式的右邊部分。
解構的目標,解構賦值表達式的左邊部分。
數組模型的解構(Array)
基本
let [a, b, c] = [1, 2, 3]; // a = 1 // b = 2 // c = 3
可嵌套
let [a, [[b], c]] = [1, [[2], 3]]; // a = 1 // b = 2 // c = 3
可忽略
let [a, , b] = [1, 2, 3]; // a = 1 // b = 3
不完全解構
let [a = 1, b] = []; // a = 1, b = undefined
剩余運算符
let [a, ...b] = [1, 2, 3]; //a = 1 //b = [2, 3]
示例如下:
注意點:
賦值等號的左右側的數組結構需要一直,這個叫做”模式匹配”
如果左右兩側的變量數與數值數的數量不匹配, 那么就直接跳過缺失部分(謹記, 左邊的跳過了, 右側相應位置的也要跳過)
如果左側某個變量前有三個小點, 那么意味著右側對應位置及以后的所有數值將組合成一個數組,賦值給左側的該變量,且左側必須是最后一個變量才可以在前面加三個小點,否則報錯
感謝各位的閱讀,以上就是“es6解構賦值的概念是什么”的內容了,經過本文的學習后,相信大家對es6解構賦值的概念是什么這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。