從html字典屬性獲取所有值

Question

我正在使用JavaScript。
我已在HTML元素

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

的「值」屬性包含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"}]'>