如何將對象數組轉換爲url字符串？

Question

我試圖生成JavaScript對象數組urlstring，如：

var array = [{'name': 'foo', 'value': '2'}, 
      {'name': 'foo', 'value': '2,8'}, 
      {'name': 'foo', 'value': '2,10,3'} 
      ]; 

// url ==> foo=2&foo=2,8&foo=2,10,3 

Answer 1

你可以做到這一點

var url = ""; 
array.forEach(function(e){ 
    url += e.name + "=" + e.value + "&"; 
}); 
url = url.trim("&"); 

Answer 2

你會通過陣列需要循環，確定數組項是否在第一或沒有（這樣他們將與＆符號分隔，並使用JSON字段名。

var queryString = ""; 
for (var i = 0; i++; i < array.length) { 
    if (i > 0) { 
     queryString = queryString + "&"; 
    } 
    queryString = queryString + array[i]["name"] + "=" + array[i]["value"]; 
} 

Answer 3

爲了安全起見，你要編碼的合作mponent件：

var array = [{'name': 'foo', 'value': '2'}, 
 
      {'name': 'foo', 'value': '2,8'}, 
 
      {'name': 'foo', 'value': '2,10,3'} 
 
      ]; 
 

 
var parts = []; 
 

 
for (var i = 0; i < array.length; ++i) 
 
    parts.push(encodeURIComponent(array[i].name) + '=' + 
 
      encodeURIComponent(array[i].value)); 
 

 
var url = parts.join('&'); 
 

 
console.log(url);

Answer 4

試試這個代碼：

var array = [{'name': 'foo', 'value': '2'}, 
      {'name': 'foo', 'value': '2,8'}, 
      {'name': 'foo', 'value': '2,10,3'} 
      ]; 
var output = ""; 

for(var i = 0; i < array.length; i++){ 
    output = output + array[i].name+"="+array[i].value+"&" 
} 

output = output.substring(0, output.length-1); 
alert(output) 

這裏fiddle

Answer 5

如果陣列中包含的對象與參數 '名' 和 '價值'，你應該使用：

$ .PARAM（陣列）

http://api.jquery.com/jquery.param/

Answer 6

無需循環和輔助瓦爾，陣列內建的方法去做。

Array.map + Array.join：

> array.map(p => p.name + '=' + p.value).join('&') 
'foo=2&foo=2,8&foo=2,10,3' 

> array.map(function(param){ 
    return param.name + '=' + param.value 
    }).join('&') 
'foo=2&foo=2,8&foo=2,10,3' 

安全使用（但預計不會OP的輸出）：

> array.map(p => encodeURIComponent(p.name) + '=' + encodeURIComponent(p.value)).join('&') 
'foo=2&foo=2%2C8&foo=2%2C10%2C3'