4

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

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

4 ответа 4

10

Данный пример: {"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);

1
  • Спасибо. То что искал 6 окт 2016 в 10:18
4

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

$.each(JSON.parse('{"Gray":"11","Black":"18"}'), function(key, value) {
    console.log(key + " " + value); 
})
3
  • 2
    нет не лучше, во-первых, в вопросе нет упоминания jQuery, поэтому данный под может быть не применен в принципе, во-вторых, внутри себя он используется тот же самый for..in
    – Grundy
    6 окт 2016 в 9:32
  • нету да, но пользоваться удобнее 6 окт 2016 в 9:50
  • чем именно удобнее?
    – Grundy
    6 окт 2016 в 9:53
3

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

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

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

2

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

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

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.