es6學習心得2 解構賦值

2021-10-08 18:03:19 字數 630 閱讀 9099

es6為我們提供了乙個非常好用的方法————解構賦值,解構賦值的好處是我們可以快速的把乙個屬性從物件或者陣列中取出,並且賦值給我們的變數使用,舉個簡單的兩個例子,首先宣告乙個物件a=;我們如果想要拿到age屬性,按照es5之前的方式,需要宣告乙個變數b,並且讓b=a.age;來完成取值賦值的過程,但是到了es6的時候我們可以直接宣告乙個變數b用解構賦值的方法直接獲取a的age屬性:let = a;其中=a;就是從a中將age屬性取出,而age:b則是將age的值賦予b,如果不另外宣告變數也是可以直接取得但是獲取的原理其實就是 = a;即將age屬性從a中取出,並且賦值給age變數,正常的簡寫則為 = a;除了物件外,陣列也可以使用該方法,比如我要取陣列的某一項時,可以直接let 【a】 = ;這樣a就被賦予了1 的值,如果是陣列長度大於1,只想取某乙個值,就可以用【,,a】= 【1,2,3】;這種取法取出指定的值,又或者使用索引來獲取值,【3:a】 =  【1,2,3,4】;如果解構失敗即沒有拿到指定值和屬性,就會返回undifend,解構賦值同樣的可以使用預設值來代替解構失敗的值,來方便我們進行操作,對於複雜物件,解構賦值也允許我們層層剖析解構,所以可以放心使用

小結1. 解構賦值可以使用預設值或者直接結構使用

2. 陣列物件函式都可以使用解構賦值

3.解構賦值執行複雜物件進行解構

ES6學習 解構賦值

解構賦值是對賦值運算子的擴充套件,是一種針對陣列或物件進行模式匹配,對其中變數進行賦值。解構源 解構賦值表示式的右邊部分 解構的目標 解構賦值表示式的左邊部分 注意 左右兩邊,結構格式要保持一致 陣列 let arr 1 2,3 let a,b,c arr console.log a,b,c 1 2...

ES6 學習 解構賦值

一 陣列解構 陣列解構,解構出來的值跟陣列下標是一一對應的,如果左邊變數多於右邊陣列,則左邊後面部分變數值為undefined,如果右邊陣列元素個數多於左邊解構變數個數,則左邊變數全都有值,且一一對應 1.簡單解構 let arr 1,2,5 let a b c arr a 1,b 2,c 5 2....

ES6 解構賦值

陣列的解構賦值 let a,b 12,13 let a,b,c d 13,15,16 let a,b c 78,12 23 let x,y 1,3,5 x 1,y 3 let x,y,z a x a,y undefined z let h,b 1,2,3,4 1,2,3,4 預設值 let x tr...