JS ES6的變數的結構賦值

變數的結構賦值使用者很多

1、交換變數的值

let x = 1;

let y = 2;
[x,y] = [y,x]

上面的**交換變數x和變數y的值，這樣的寫法不僅簡潔，易讀，語義非常清晰

2、從函式返回多個值

函式只能返回乙個值，如果要返回多個值，只能講他們放在陣列或者物件裡返回。了解解構賦值，取值這些值非常方便

//

返回乙個陣列
function
example()
let [a,b,c] = example();
[a,b,c];   //[1,2,3]

//

返回乙個物件
function
example();
}let  = example();
foo;   //1
bar;   //2

3、函式引數的定義

解構賦值可以方便的講一組引數與變數名對應起來。

//

引數是一組有次序的值
function
f([x,y,z])
f([1,2,3]);  //1,2,3

//

引數是一組無次序的值
function
func()
func(); //1,2,3

4、提取json資料

解構賦值對提取json物件中的資料尤其有用

let jsondata = ;

let  =jsondata;
console.log(id,status,number);   //42 "ok" (2) [123, 456]

5、函式引數的預設值

、、、

6、遍歷map結構

任何部署了iterator介面的物件都可以使用for... of迴圈遍歷。map結構原生支援iterator介面，配合變數的解構賦值獲取名和鍵值就非常方便。

var map = new

map();
map.set('first','hello');
map.set('second','world');
for(let [key,value] of map)

//second world

如果只想獲取鍵名，或者只想獲取鍵值，可以這樣寫。

//

獲取鍵名
for(let [key] of map)

//second

//

獲取鍵值
for(let [,value] of map)
//hello
//world

7、輸入模組的指定方法

載入模組時，往往需要指定輸入的方法。解構賦值使得輸入語句非常清晰。

const  = require('source-map');

js ES6解構賦值

交換變數的值 let x 1 let y 2 x,y y,x console.log x,y 1用乙個中間變數 let z x x y y z console.log x,y 2異或 x x y y x y x x y console.log x,y 3.算術運算子 x x y y x y x x ...

js ES6學習筆記 變數的解構賦值

1 es6 允許按照一定模式，從陣列和物件中提取值，對變數進行賦值，這被稱為解構 destructuring 2 es6允許寫成 let a,b,c 1,2,3 上面 表示，可以從陣列中提取值，按照對應位置，對變數賦值。本質上，這種寫法屬於 模式匹配 只要等號兩邊的模式相同，左邊的變數就會被賦予對應...

js es6中陣列的變化

1.擴充套件運算子 js 2.arrya.form js let arr 1,2,3 let arr3 array.from arr 傳進去的不管是類陣列還是陣列返回的都是陣列 arguments function show show 1,2,3,4,5 當json中有length的時候 也可以當成...