Получить свойство объекта JSON?

Question

Я пытаюсь получить информацию о собственности на «Вид» в данных JSON здесь:

https://www.reddit.com/r/javascript/comments/29bj6h/how_to_learn_javascript_properly/.json

В настоящее время я просто получаю 18 «не определено» распечатывается на консоль.

Куда я иду не так?

Приветствие

$(document).ready(function(){ 
     var jsonData = $.getJSON('http://www.reddit.com/r/javascript/comments/29bj6h/how_to_learn_javascript_properly/.json'); 

     for(var key in jsonData) { 
      console.log(key.kind); 
     } 
}); 

Answer 1

$.getJSON возвращает promise (более конкретно, объект jqXHR который реализует интерфейс обещание), а не результаты анализа ответа HTTP как JSON.

Кроме того, когда вы перебираете объект с помощью in, значениями, которые вы получите, будут имена свойств в виде строк. Они не имеют kind.

Чтобы добраться до kind, вам необходимо указать значение, а не название собственности.

Лучше всего избегать in для массивов. forEach обычно лучше подходит.

function processResponse(parsed_data) { 
 
    parsed_data.forEach(processItem) 
 
} 
 

 
function processItem(current_value) { 
 
    console.log(current_value.kind); 
 
} 
 

 
var jqXHR = $.getJSON('http://www.reddit.com/r/javascript/comments/29bj6h/how_to_learn_javascript_properly/.json'); 
 

 
jqXHR.done(processResponse);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

печать только ключ, показывающий результат не определен. Когда вы берете ключ, он показывает ключ.

for(var key in jsonData) { 
    console.log(key); 
} 

Answer 3

же, как Квентин, но более удобным для чтения, на мой взгляд, нет необходимости в getJSON и т.п., не прикованы без дополнительных функций

$.ajax({ 
     method: "GET", 

     url: "http://www.reddit.com/r/javascript/comments/29bj6h/how_to_learn_javascript_properly/.json", 

     dataType: "json" 

    }).done(function(d) { 
     d.forEach(function(o) { 
      console.log(o.kind); 
     }); 
    }); 

Answer 4

Вам необходимо пройти обратный вызов успеха аргумент в функцию getJson. Как сниппета ниже

var jsonData = $.getJSON('https://www.reddit.com/r/javascript/comments/29bj6h/how_to_learn_javascript_properly/.json', function(response) { 
     response.forEach(function(key) { 
      console.log(key.kind) 
     }) 
     }); 

Check this JS fiddle

Answer 5

$ .getJSON должен быть записан, как показано ниже

$(document).ready(function(){ 
    var jsonData = $.getJSON('http://www.reddit.com/r/javascript/comments/29bj6h/how_to_learn_javascript_properly/.json', function(jsonData) { 
     $.each(jsonData, function(key, val) { 
     console.log(val.kind); 
     }); 
    }); 
});