es6允許 按照一定的模式，從陣列和物件中提取值，對變數進行賦值，這被稱為解構。結構賦值在實際開發中可以大量減少我們的**量，並且讓我們的程式結構更清楚。賦值解構已經看了好多遍了，但是每次記不住，今天來寫一篇部落格來加深印象
我覺得陣列的解構賦值的作用就是能夠同時給多個變數進行賦值，不用像以前那樣需要些多個賦值表示式，下面是陣列的解構賦值的基本用法
基本使用方法：
1.模式匹配：只要等號兩邊的模式相同，左邊的變數就會被賦予對應的值
let [a,b,c]=[1,2,3];
console.log(a); //1
console.log(b); //2
console.log(c); //3
//巢狀陣列進行解構
let [foo,[[bar],baz]]=[1,[[2],3]];
console.log(foo); //1
console.log(bar); //2
console.log(baz) //3
let [x,y,...z]=['a'];
console.log(x); //a
console.log(y); //undefined
console.log(z); //
let [x,y]=[1,2,3];
console.log(x); //1
console.log(y); //2```
###### 3.只要某種資料結構具有iterator介面，都可以採用陣列形式的解構賦值
例如：對於set結構，也可以使用陣列的解構賦值
console.log(x); //a
###### 4.解構賦值允許指定預設值：只有當陣列成員嚴格等於undefiend，預設值才會生效console.log(foo); //true
var [x=1]=[undefined];
console.log(x); //1
var [y=1]=[null];
console.log(y); //null
```二、物件的賦值解構
基本使用方法：
1、變數名必須與屬性名同名
var =;
//上面是這個的簡寫形式：var =;
console.log(baz); //undefined;
console.log(foo); //aaa
console.log(bar); //bbb
var =;
console.log(baz); //變數是baz,模式是foo```
###### 3、對於let和const而言，變數不能重新宣告，一旦賦值的變數以前生命過就會報錯
let =;//報錯
###### 4.物件的預設值生效的條件是物件的屬性值嚴格等於undefined
var =;
console.log(x); //3
var =;
console.log(y) //null
###### 5.已經宣告過的變數用於賦值解構需要使用圓括號(=);
#### 三、字串的解構賦值：字串也可以進行解構賦值。因為字串可以被轉換成乙個類似陣列的物件console.log(a); //h
console.log(b); //e
console.log(c); //c
console.log(d); //d
console.log(e); //e
```#### 四、變數賦值解構的用途
1.交換變數的值：不用像以前那樣麻煩，還需要定義乙個中間變數來訪問變數的值
var x=1,y=2;
[x,y]=[y,x];
console.log(x); //2
console.log(y); //1
```###### 2.從函式返回多個值
####### 2-1返回乙個陣列:es5中只能定義乙個變數去訪問返回的陣列，然後通過這個變數去訪問這個返回的陣列的值，而現在可以直接訪問這個陣列的值
var [a,b,c]=example();
console.log(a) //1####### 2-2返回乙個物件：可以直接取得返回物件裡的變數值
function example()
};var =example();
console.log(foo); //1
```3、函式引數的定義
3-1引數是有次序的值
function
f([x,y,z])
f([1,2,3]) //1
function
f()f() //3
var jsondata=
let =jsondata;
console.log(id,status,number); //42,"ok",[854,222]
var map=new map();
map.set('first','hello');
map.set('second','world');
for(let [key,value] of map)
//first is hello
//second is world
標籤:
es6
es6變數解構賦值
es6允許按照一定模式，從陣列和物件中提取值，對變數進行賦值，這被稱為解構。解構賦值在實際開發中可以大量減少我們的 量，並且讓我們的程式結構更清晰。陣列的解構賦值 let a,b 1 2 console.log a 1 console.log b 2 上面的 表示，可以從陣列中提取值，按照位置的物件...
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用來表示尚未存在的物件，常用來表示函式企圖返回乙個不存在的...