從html字典屬性獲取所有值

Question

我正在使用JavaScript。
我有以下HTML元素

<input name="myInputName" id="myID" type="hidden" 
value='[{"name":"x","value":"1"},{"name":"y","value":"2"}]'>

'value'屬性包含x，y，z等...（鍵和值）
如何僅從“值”屬性中獲取值？
即：

var allValues = document.getElementById('myID').value;
var values = MyJavaScriptFunction(allValues);//return string: "1,2"

Answer 1

這是有效的JSON字符串，因此請使用JSON.parse()解析，並使用Array#map方法獲取value屬性。

 var allValues = document.getElementById('myID').value; var values = JSON.parse(allValues).map(function(v) { return v.value; }).join(); // join array element with `,` console.log(values) 

 <input name="myInputName" id="myID" type="hidden" value='[{"name":"x","value":"1"},{"name":"y","value":"2"}]'>