ES6(解構賦值)

2022-07-08 20:30:12 字數 1650 閱讀 6708

解構賦值

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