解構賦值
1.什麼是解構賦值?
在語法上,就是賦值的作用,解構為(左邊一種解構。右邊一種解構,左右一一對應進入賦值)
2.解構賦值的分類。
1.左右為陣列即為陣列解構賦值;2.左右為物件即為物件解構賦值;3.左邊是陣列,右邊是字串,為字串解構賦值。
4.布林值解構賦值為字串的一種。5.函式引數解構賦值即為陣列解構賦值在函式引數的一種應用。6.數值解構賦值為字串解構賦值的一種。
一、簡介
1.(陣列解構賦值)
結果:2.(物件解構賦值)
(輸出結果:1 2)
二、預設值、具體使用方法和應用場景(陣列解構賦值)
2-1.預設值(陣列解構賦值)
(輸出1 2 3)
(輸出1 2 undefined)
如果解構賦值沒有在解構上成功配對(左邊3元素,右邊2元素,c未找到配對值)預設值為undefined,預設值就是解決宣告未賦值的問題。
2-2.使用場景(陣列解構賦值)
1.關於變數的交換
(輸出:2 1)
無需中間變數做儲存,借助解構賦值,解決變數交換
2.取值問題
(輸出:1 2)
無需(新變數接受結果,按索引返回0 1位置的值)
3.取值問題
(輸出:1 4)(陣列的匹配模式)
可以靈活地取出所需要的值。
(輸出:1 [2 3 4 5 ])
場景:不知道函式返回陣列的長度是多少,只取第乙個,其餘的不關心。
三、預設值、具體使用方法和應用場景(物件解構賦值)
1.預設值(物件解構賦值)
(輸出:42 true)
(輸出:3 5 )
2.使用場景(物件解構賦值)
1.前後端服務通訊json中取值
(輸出:abc test)
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...
ES6解構賦值
一 基本用法 解構 destructuring 按照一定的模式,從陣列或者物件中提取值,對變數進行賦值。let par1,par2,par3 1,2 console.log par1,par2,par3 1 2 不完全解構時par3對值為undefined 解構賦值允許指定變數對預設值。let pa...
es6解構賦值
coding changes the world accumulating makes yourself 主要從三個方面講述 陣列式的解構賦值 物件式的解構賦值 函式中的解構賦值 preface 現今的變數宣告語法十分的直接 左邊是乙個變數名,右邊可以是乙個陣列 的表示式或乙個物件 的表示式,等等。...