遍历JSON响应以从数组/对象获取键和值

Question

我正在尝试遍历industryIdentifiers列表并保存类型和标识符值。

我尝试使用以下代码，但输出未定义。

var url = "https://www.googleapis.com/books/v1/volumes/EXiMZwEACAAJ";
        $.getJSON(url, function(data) {
                var bookID = data.items[0].id;
                var title = data.items[0].volumeInfo.title;
                var industryIdentifiers = data.items[0].volumeInfo.industryIdentifiers;
                $.each(industryIdentifiers, function(result){
                    var idType = result.type;
                    var idValue = result.identifier;
                    alert (idType + " = " + idValue);
                });
        });

Answer 1

这是因为您错误地使用$ .each ，$ .each具有以下回调结构，

打回来

Type: Function( String propertyName, Object valueOfProperty )
The function that will be executed on every object.

因此，只需使用，

 $.each(industryIdentifiers, function(result){

将产生结果作为索引，而不是您寻求的值 。 因此给您undefined值。

这是工作代码，

var url = "https://www.googleapis.com/books/v1/volumes/EXiMZwEACAAJ";
        $.getJSON(url, function(data) {
                var bookID = data.id;
                var title = data.volumeInfo.title;
                var industryIdentifiers =       data.volumeInfo.industryIdentifiers;
                $.each(industryIdentifiers, function(index,value){
                    var idType = value.type;
                    var idValue = value.identifier;
                    alert (idType + " = " + idValue);
                });
        });

并且，您可以在此处查看演示 。

并且，您也错误地访问了结果JSON 。 由于它返回单个值，因此您可以直接将其作为data.id访问。

Answer 2

你有两个问题。 第一个问题是data.items是未定义的，要访问该数据对象中的属性，您必须执行此data.nameOfProperty。 第二个问题是，当您遍历IndustryIdentifiers时，必须在$ .each调用中为匿名函数声明第二个参数。 由于第一个参数仅是数组的索引，第二个参数是元素的值，因此在这种情况下，它将是具有类型和标识符属性的对象。

Answer 3

试试这个代码...

 $(document).ready( function() {
  var url = "https://www.googleapis.com/books/v1/volumes/EXiMZwEACAAJ";
        $.getJSON(url).done(function( data ){
                var bookID = data.id;
                var title = data.volumeInfo.title;
                var industryIdentifiers = data.volumeInfo.industryIdentifiers;
                //console.log(industryIdentifiers);
                $.each(industryIdentifiers, function(i, item){
                    console.log(item);
                    var idType = item.type;
                    var idValue = item.identifier;
                    alert (idType + " = " + idValue);
                });
        });
 });

小提琴： http : //jsfiddle.net/v5cornfb/