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