JavaScript中將對象轉換爲查詢字符串參數

在JavaScript開發過程中，可能經常需要構造URL和查詢字符串參數構造查詢字符串參數的一種明智方法是使用具有鍵值對的一層對象

下面我們通過幾種方式來實現一下

例如：

const example = { a:1, b:2, c:3 }

轉換爲："a=1&b=2&c=3"

1. 使用js map 和join組合實現

• ES5實現:

const queryString = Object.keys(params).map(function(key) { return key + '=' + params[key] }).join('&');

• ES6實現:

const queryString = Object.keys(params).map(key => key + '=' + params[key]).join('&');

---

 

2.在node環境中使用querystring模塊

const querystring = require('querystring'); 
let queryString = querystring.stringify(params);

---

3.參數編碼

使用encodeURIComponent

const queryString = Object.keys(params).map((key) => { return encodeURIComponent(key) + '=' + encodeURIComponent(params[key]) }).join('&');