Как перебрать элементы объекта?

#javascript

Есть JSON: {"Gray":"11","Black":"18"}.

Как его перебирать циклом так, чтобы можно было использовать ключ и значение?
(key => value, как в цикле foreach на php)
    

Ответы

Ответ 1

Данный пример: {"Gray":"11","Black":"18"}

является объектом, для обхода свойств объекта можно воспользоваться циклом for..in.
При этом будут проверены все перечисляемые свойства, включая свойства предков



var o = {
  "Gray": "11",
  "Black": "18"
};

for (var key in o) {
  console.log(key, ':', o[key]);
}




Кроме того, можно воспользоваться функцией Object.keys



var o = {
  "Gray": "11",
  "Black": "18"
};

Object.keys(o).forEach(function(key) {
  console.log(key, ':', this[key]);
}, o);


Ответ 2

Лучше использовать функцию jquery $.each

$.each(JSON.parse('{"Gray":"11","Black":"18"}'), function(key, value) {
    console.log(key + " " + value); 
})


Ответ 3

var json = '{"Gray":"11","Black":"18"}';

// Конвертируем JSON в объект
var obj = JSON.parse(json);

// Работаем с объектом
for (var prop in obj) {
    console.log(prop, obj[prop]);
}


Ответ 4

используйте конструкцию for..in

var data =  {"Gray":"11","Black":"18"};
for (color in data)
  alert("Color: " + color + ", Value: " + data[color];