陣列中的解構:
輸出 :
白板么雞
二條物件的解構:
輸出:老王
12陣列的結構用;物件的解構用{};一定要區分它是陣列還是解構。
區分方法:看 它是在賦值還是在拿值,等號左邊,都為解構,等號右邊,都是陣列或者物件。
...運算子,
首先來看:
輸出:白板
么雞二條
如果給c加上 ... 運算子;
輸出:白板
么雞["二條","三餅","四筒"]
...運算子必須出現在尾巴(即最後),叫做 rest 運算子,俗稱「尾巴」解構;
函式的引數也可以解構;
函式的形參列表也能使用 ... 運算子
此時這個函式即為計算所有實參的和,原來使用的arguments,也被代替。
形參列表中還可以有物件的自動解構語法;
對於物件來說, k:v的結構模式 ;
冒號右邊的變數被是被真正賦值的,冒號左邊的變數是表示的是物件的屬性;
通常用來從物件中取乙個屬性,但要給此屬性改名,即:
輸出:10
ES6中解構賦值
理解 解構賦值就是從目標物件或陣列中提取自己想要的變數。最常用的場景是 element ui 或 vant ui 按需引入,請求介面返回想要的資料。陣列解構 乙個蘿蔔乙個坑,按照順序進行 var a,b,c 12,13 a,b 這個寫法報錯 invalid destructuring assignm...
ES6中的解構賦值
按照原有值的解構,把原有值中的某一部分內容快速獲取到 快速賦值 給乙個變數 陣列的解構賦值 解構賦值本身是es6的語法規範,使用什麼關鍵字來宣告這些變數是無所謂的 let ary 12,23,34 傳統的取值賦值操作 let a ary 0 b ary 0 c ary 0 console.log a...
ES6中的解構(一)
傳統的賦值方式 let x 1 let y 2 let z 3 或let x 1,y 2,z 3 es6中採用陣列模式 運算子 let x,y,z 1,2,3 let arr 1,2,3 let a,b,c arr 模式匹配,一一對應 let a,c 1,2,3 a 1 c 3 let a,b,c ...