（1）交換變量的值

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

上面代碼交換變量x和y的值，這樣的寫法不僅簡潔，而且易讀，語義非常清晰

（2）從函數返回多個值
函數只能返回一個值，如果要返回多個值，只能將它們放在數組或對象里返回。有了解構賦值，取出這些值就非常方便。

// 返回一個數組function example() {return [1, 2, 3]; } let [a, b, c] = example();// 返回一個對象function example() {return {foo: 1,bar: 2}; } let { foo, bar } = example();

（3）函數參數的定義
解構賦值可以方便地將一組參數與變量名對應起來

// 參數是一組有次序的值 function f([x, y, z]) { ... } f([1, 2, 3]);// 參數是一組無次序的值 function f({x, y, z}) { ... } f({z: 3, y: 2, x: 1});

（4）提取 JSON 數據
解構賦值對提取 JSON 對象中的數據，尤其有用

let jsonData = {id: 42,status: "OK",data: [867, 5309] };let { id, status, data: number } = jsonData;console.log(id, status, number); // 42, "OK", [867, 5309]

上面代碼可以快速提取 JSON 數據的值。

（5）函數參數的默認值

jQuery.ajax = function (url, {async = true,beforeSend = function () {},cache = true,complete = function () {},crossDomain = false,global = true,// ... more config } = {}) {// ... do stuff };

指定參數的默認值，就避免了在函數體內部再寫var foo = config.foo || ‘default foo’;這樣的語句。

（6）遍歷 Map 結構
任何部署了 Iterator 接口的對象，都可以用for…of循環遍歷。Map 結構原生支持 Iterator 接口，配合變量的解構賦值，獲取鍵名和鍵值就非常方便

const map = new Map(); map.set('first', 'hello'); map.set('second', 'world');for (let [key, value] of map) {console.log(key + " is " + value); } // first is hello // second is world

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

// 獲取鍵名 for (let [key] of map) {// ... }// 獲取鍵值 for (let [,value] of map) {// ... }

（7）輸入模塊的指定方法
加載模塊時，往往需要指定輸入哪些方法。解構賦值使得輸入語句非常清晰。

const { SourceMapConsumer, SourceNode } = require("source-map");

總結

以上是生活随笔為你收集整理的ES6结构赋值的用途的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。