Получить все значения из атрибута html dictionary

Question

Я использую JavaScript.
я следующий HTML-элемент

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

«Значение атрибута» содержит х, у, г и т.д. ... (ключи и значения)
Как я могу получить только значения из атрибута «значение» ?
т.е:

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

Answer 1

Это допустимая строка JSON, так разобрать его с помощью JSON.parse() и получить value свойство с помощью Array#map метод.

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"}]'>