ES6（解構賦值）

解構賦值

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 現今的變數宣告語法十分的直接 左邊是乙個變數名，右邊可以是乙個陣列 的表示式或乙個物件 的表示式，等等。...