es6變數解構賦值

2021-09-29 02:04:20 字數 1523 閱讀 2252

es6允許按照一定模式,從陣列和物件中提取值,對變數進行賦值,這被稱為解構。解構賦值在實際開發中可以大量減少我們的**量,並且讓我們的程式結構更清晰。

陣列的解構賦值:

let

[a,b]=[

'1',

'2']

;console.

log(a)

;//1

console.

log(b)

;//2

//上面的**表示,可以從陣列中提取值,按照位置的物件關係對變數賦值。

//需要注意陣列模式和賦值模式需要統一,也就是=號兩邊的格式需要統一;

//解構賦值是允許你使用預設值的,先看乙個最簡單的預設是的例子。

let[foo =

true]=

;console.

log(foo)

;//true

//上邊的例子陣列中只有乙個值,可能你會多少有些疑惑,我們就來個多個值的陣列,並給他一些預設值。

let[a,b=

"hello"]=

['word'

]console.

log(a+b)

;//控制台顯示「wordhello」

//需要注意null 和undefined的區別

let[a,b=

"hello"]=

['word'

,undefined]

;console.

log(a+b)

;//控制台顯示「wordhello」 由於undefined是什麼都沒有,b就是預設值

let[a,b=

"hello"]=

['word'

,null];

console.

log(a+b)

;//控制台顯示「wordnull」 null相當於有值,值為null,所以b不取預設值輸出為 wordnull;

物件的解構賦值:

let

=console.

log(obj1)

;//111

console.

log(obj1)

;//222

//物件解構是根據鍵值來匹配賦值;

//注意:如果在解構前就定義了變數,那麼需要使用圓括號。否則會報錯;

var foo;(=

);console.

log(foo)

;//123456

字串的解構賦值:

let

[a,b,c]

='123'

;console.

log(a)

;//1

console.

log(b)

;//2

console.

log(c)

;//3

ES6變數解構賦值

es6 允許按照一定模式,從陣列和物件中提取值,對變數進行賦值,這被稱為解構 es6之前我們申明多個變數需要按照下面的方法 let l a 1 let b 2 let c 3 let d 4 或者 let a 1,b 2,c 3,d 4 現在我們可以更加簡便 let a,b,c,d 1,2,3,4 ...

es6 變數解構賦值

1.陣列的解構賦值 等號兩邊的模式相同,左邊的變數就會被賦予對應的值 預設值 undefined型別只有乙個值,即undefined。當宣告的變數還未被初始化時,變數的預設值為undefined。null型別也只有乙個值,即null。null用來表示尚未存在的物件,常用來表示函式企圖返回乙個不存在的...

ES6 變數的解構賦值

es6允許 按照一定的模式,從陣列和物件中提取值,對變數進行賦值,這被稱為解構。結構賦值在實際開發中可以大量減少我們的 量,並且讓我們的程式結構更清楚。賦值解構已經看了好多遍了,但是每次記不住,今天來寫一篇部落格來加深印象 我覺得陣列的解構賦值的作用就是能夠同時給多個變數進行賦值,不用像以前那樣需要...