$ .eachでJSONの2つの配列にアクセスしようとしています

Question

配列内の両方の値にアクセスするのに苦労しています。私が間違っていることは確信していません。基本的には、両方の画像を出力してページに表示するだけです。誰かが私にこれを助けることを願っています。以下は私のコードです：

(function() { 
 
\t 
 
\t 'use strict'; 
 

 
    \t var url = 'path to json'; 
 
    
 
    $.getJSON(url, function(json) { 
 
     
 
     //store json data into variable 
 
\t  var data = (json); 
 
\t 
 
\t \t //store data in empty string 
 
\t \t var images = ''; 
 
\t 
 
\t \t //retrieve values from json file 
 
\t \t $.each(data, function (i, item) { 
 
\t \t \t images += '<img src="' + item[i].imageURL + '">'; 
 
\t  }); 
 
\t \t 
 
\t \t //append results to div 
 
\t 
 
\t \t $('#images').html(images); 
 
\t \t 
 
    }); 
 
\t 
 
})();

Answer 1

イメージパスを含む可能性のあるフィールドが2つあるので、正しいものを選択してください。また、ネストされた配列はlength=1を持っているのでitem[0]を使用します。このような単純な配列のための

(function() { 
 
    'use strict'; 
 

 
    var url = 'path to json'; 
 

 
    $.getJSON(url, function(json) { 
 

 
    //store json data into variable 
 
    var data = (json); 
 

 
    //store data in empty string 
 
    var images = ''; 
 

 
    //retrieve values from json file 
 
    $.each(data, function(i, item) { 
 
     images += '<img src="' + (item[0].imageURL || item[0].category) + '">'; 
 
    }); 
 

 
    //append results to div 
 

 
    $('#images').html(images); 
 
    }); 
 
})();

Answer 2

あなたはthis.Youような何かを行うことができますが、私次のコードスニペットをチェック

var img=[ 
 
    [ 
 
     { 
 
      "imageURL":"path to image", 
 
     } 
 
    ], 
 
    [ 
 
     { 
 
      "category":"path to image", 
 
     } 
 
    ] 
 
]; 
 
$.each(img, function (i, item) { 
 
    alert(item[i].imageURL) 
 
var images = '<img src="' + item[i].imageURL + '">'; 
 
    })

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

てコンテンツにアクセスするために不足しています

Answer 3

あなたのjsonは悪いとは思いますが...

var ri = [ 
    [ 
     { 
      "imageURL":"path to image", 
     } 
    ], 
    [ 
     { 
      "category":"path to image", 
     } 
    ] 
]; 
$(ri).each(function(i, n){ 
    if('imageURL' in n[i]){ 
    console.log(n[i]['imageURL']); 
    } 
});