如何將JavaScript字典轉換爲編碼的url字符串？

Question

我想獲得像

?key=value?key=value 

了JS字典，是

{ 
    key:value, 
    key:value 
} 

Answer 1

如果使用jQuery的，你可以使用jQuery.param：

var params = { width:1680, height:1050 }; 
var str = jQuery.param(params); 
// str is now 'width=1680&height=1050' 

否則，在這裏是一個功能：

function serialize(obj) { 
    var str = []; 
    for(var p in obj) 
    str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p])); 
    return str.join("&"); 
} 
alert(serialize({test: 12, foo: "bar"})); 

Answer 2

在ECMAScript中2016年相同：

let params = { width:1680, height:1050 }; 
// convert object to list -- to enable .map 
let data = Object.entries(params); 
// encode every parameter (unpack list into 2 variables) 
data = data.map(([k, v]) => `${encodeURIComponent(k)}=${encodeURIComponent(v)}`); 
// combine into string 
let query = data.join('&'); 
console.log(query); // => width=1680&height=1050 

或者，如單內膽：

let params = { width:1680, height:1050 }; 
Object.entries(params).map(([k, v]) => `${encodeURIComponent(k)}=${encodeURIComponent(v)}`).join('&'); 
// => "width=1680&height=1050"