ES6 變數解構用法

1、陣列解構，可以設定預設值

'use strict';

let [x, y = 'b'] = ['a'];
//控制台輸出b
console.log(y);

2、物件解構

'use strict';

let  = ;
//控制台輸出aaa
console.log(foo);
//控制台輸出bbb
console.log(bar);

物件的解構與陣列有乙個重要的不同。陣列的元素是按次序排列的，變數的取值由它的位置決定；而物件的屬性沒有次序，變數必須與屬性同名，才能取到正確的值。

物件的解構賦值的內部機制，是先找到同名屬性，然後再賦給對應的變數。真正被賦值的是後者，而不是前者。

3、字串的解構

'use strict';

let [a,b,c] = 'mfg';
//控制台輸出m
console.log(a);
//控制台輸出f
console.log(b);

4、函式引數解構

'use strict';

function
add([x, y])
console.log(add([1, 2]));

5、解構的用途

（1）從函式返回多個值

'use strict';

function
example() 
let [a, b, c] =example();
//控制台輸出1
console.log(a)

（2）提取 json 資料

'use strict';

let jsondata =;
let  =jsondata;
console.log(id, status, number);

ES6 變數解構

es6允許按照一定的模式,從陣列和物件中提取值,對變數進行賦值,這被稱為解構 destructuring 語法 let a,b,c 1,2,3 console.log a,b,c 1 2 3 順序 從陣列中取值,按照對應位置,對變數取值,這種寫法屬於 匹配模式 只要等號兩邊模式相同,左邊的變數就會被...

ES6變數解構賦值的用法

一 陣列賦值 從陣列中提取值，按照對應位置，對變數賦值 1.完全解構 變數與值數目相等 let arr 1,2,3 let a,b,c arr console.log a,b,c 1 2 3 2.不完全解構 變數的數目小於值的數目 let arr 1,2,3,4 let a,b,c arr cons...

es6變數解構賦值

es6允許按照一定模式，從陣列和物件中提取值，對變數進行賦值，這被稱為解構。解構賦值在實際開發中可以大量減少我們的 量，並且讓我們的程式結構更清晰。陣列的解構賦值 let a,b 1 2 console.log a 1 console.log b 2 上面的 表示，可以從陣列中提取值，按照位置的物件...