同じJSON内の異なるデータを持つjQuery多次元JSON配列？

Question

これは説明するのが少し難しいですが、私はそれを説明するために最善を尽くしますので、私はいくつかの助けを得ることができ、うまくいけば、

基本的に、私はこのようになりますJSONあります

"created_at": "Sun Apr 09 17:56:20 +0000 2017", 
    "id": 851131679167139842, 
    "id_str": "851131679167139842", 
    "text": "hello world with an image goes here as a test! https:\/\/t.co\/jNfdESxPcn", 
    "truncated": false, 
    "entities": { 
     "hashtags": [], 
     "symbols": [], 
     "user_mentions": [], 
     "urls": [], 
     "media": [{ 
      "id": 851131665623732225, 
      "id_str": "851131665623732225", 
      "indices": [47, 70], 
      "media_url": "http:\/\/pbs.twimg.com\/media\/C8_TvYqW0AEbBaP.jpg", 
      "media_url_https": "https:\/\/pbs.twimg.com\/media\/C8_TvYqW0AEbBaP.jpg", 
      "url": "https:\/\/t.co\/jNfdESxPcn", 
      "display_url": "pic.twitter.com\/jNfdESxPcn", 
      "expanded_url": "https:\/\/twitter.com\/DavidHoperz\/status\/851131679167139842\/photo\/1", 
      "type": "photo", 
      "sizes": { 
       "thumb": { 
        "w": 150, 
        "h": 150, 
        "resize": "crop" 
       }, 
       "large": { 
        "w": 670, 
        "h": 728, 
        "resize": "fit" 
       }, 
       "small": { 
        "w": 626, 
        "h": 680, 
        "resize": "fit" 
       }, 
       "medium": { 
        "w": 670, 
        "h": 728, 
        "resize": "fit" 
       } 
      } 
     }] 
    }, 
    "extended_entities": { 
     "media": [{ 
      "id": 851131665623732225, 
      "id_str": "851131665623732225", 
      "indices": [47, 70], 
      "media_url": "http:\/\/pbs.twimg.com\/media\/C8_TvYqW0AEbBaP.jpg", 
      "media_url_https": "https:\/\/pbs.twimg.com\/media\/C8_TvYqW0AEbBaP.jpg", 
      "url": "https:\/\/t.co\/jNfdESxPcn", 
      "display_url": "pic.twitter.com\/jNfdESxPcn", 
      "expanded_url": "https:\/\/twitter.com\/DavidHoperz\/status\/851131679167139842\/photo\/1", 
      "type": "photo", 
      "sizes": { 
       "thumb": { 
        "w": 150, 
        "h": 150, 
        "resize": "crop" 
       }, 
       "large": { 
        "w": 670, 
        "h": 728, 
        "resize": "fit" 
       }, 
       "small": { 
        "w": 626, 
        "h": 680, 
        "resize": "fit" 
       }, 
       "medium": { 
        "w": 670, 
        "h": 728, 
        "resize": "fit" 
       } 
      } 
     }] 
    }, 
    "source": "\u003ca href=\"http:\/\/twitter.com\" rel=\"nofollow\"\u003eTwitter Web Client\u003c\/a\u003e", 
    "in_reply_to_status_id": null, 
    "in_reply_to_status_id_str": null, 
    "in_reply_to_user_id": null, 
    "in_reply_to_user_id_str": null, 
    "in_reply_to_screen_name": null, 
    "user": { 
     "id": 851119985732800513, 
     "id_str": "851119985732800513", 
     "name": "David", 
     "screen_name": "DavidHoperz", 
     "location": "", 
     "description": "", 
     "url": null, 
     "entities": { 
      "description": { 
       "urls": [] 
      } 
     }, 
     "protected": false, 
     "followers_count": 0, 
     "friends_count": 21, 
     "listed_count": 0, 
     "created_at": "Sun Apr 09 17:09:52 +0000 2017", 
     "favourites_count": 0, 
     "utc_offset": null, 
     "time_zone": null, 
     "geo_enabled": false, 
     "verified": false, 
     "statuses_count": 3, 
     "lang": "en", 
     "contributors_enabled": false, 
     "is_translator": false, 
     "is_translation_enabled": false, 
     "profile_background_color": "F5F8FA", 
     "profile_background_image_url": null, 
     "profile_background_image_url_https": null, 
     "profile_background_tile": false, 
     "profile_image_url": "http:\/\/pbs.twimg.com\/profile_images\/851182210732494848\/lmgbNLvC_normal.jpg", 
     "profile_image_url_https": "https:\/\/pbs.twimg.com\/profile_images\/851182210732494848\/lmgbNLvC_normal.jpg", 
     "profile_link_color": "1DA1F2", 
     "profile_sidebar_border_color": "C0DEED", 
     "profile_sidebar_fill_color": "DDEEF6", 
     "profile_text_color": "333333", 
     "profile_use_background_image": true, 
     "has_extended_profile": false, 
     "default_profile": true, 
     "default_profile_image": false, 
     "following": false, 
     "follow_request_sent": false, 
     "notifications": false, 
     "translator_type": "none" 
    }, 
    "geo": null, 
    "coordinates": null, 
    "place": null, 
    "contributors": null, 
    "is_quote_status": false, 
    "retweet_count": 0, 
    "favorite_count": 0, 
    "favorited": false, 
    "retweeted": false, 
    "possibly_sensitive": false, 
    "lang": "en" 
}, { 
    "created_at": "Sun Apr 09 17:47:36 +0000 2017", 
    "id": 851129482832470026, 
    "id_str": "851129482832470026", 
    "text": "How to display twitter posts using javascript https:\/\/t.co\/I49vjVbAUJ", 
    "truncated": false, 
    "entities": { 
     "hashtags": [], 
     "symbols": [], 
     "user_mentions": [], 
     "urls": [{ 
      "url": "https:\/\/t.co\/I49vjVbAUJ", 
      "expanded_url": "https:\/\/www.script-tutorials.com\/how-to-display-twitter-posts-using-javascript\/", 
      "display_url": "script-tutorials.com\/how-to-display\u2026", 
      "indices": [46, 69] 
     }] 
    }, 
    "source": "\u003ca href=\"http:\/\/twitter.com\" rel=\"nofollow\"\u003eTwitter Web Client\u003c\/a\u003e", 
    "in_reply_to_status_id": null, 
    "in_reply_to_status_id_str": null, 
    "in_reply_to_user_id": null, 
    "in_reply_to_user_id_str": null, 
    "in_reply_to_screen_name": null, 
    "user": { 
     "id": 851119985732800513, 
     "id_str": "851119985732800513", 
     "name": "David", 
     "screen_name": "DavidHoperz", 
     "location": "", 
     "description": "", 
     "url": null, 
     "entities": { 
      "description": { 
       "urls": [] 
      } 
     }, 
     "protected": false, 
     "followers_count": 0, 
     "friends_count": 21, 
     "listed_count": 0, 
     "created_at": "Sun Apr 09 17:09:52 +0000 2017", 
     "favourites_count": 0, 
     "utc_offset": null, 
     "time_zone": null, 
     "geo_enabled": false, 
     "verified": false, 
     "statuses_count": 3, 
     "lang": "en", 
     "contributors_enabled": false, 
     "is_translator": false, 
     "is_translation_enabled": false, 
     "profile_background_color": "F5F8FA", 
     "profile_background_image_url": null, 
     "profile_background_image_url_https": null, 
     "profile_background_tile": false, 
     "profile_image_url": "http:\/\/pbs.twimg.com\/profile_images\/851182210732494848\/lmgbNLvC_normal.jpg", 
     "profile_image_url_https": "https:\/\/pbs.twimg.com\/profile_images\/851182210732494848\/lmgbNLvC_normal.jpg", 
     "profile_link_color": "1DA1F2", 
     "profile_sidebar_border_color": "C0DEED", 
     "profile_sidebar_fill_color": "DDEEF6", 
     "profile_text_color": "333333", 
     "profile_use_background_image": true, 
     "has_extended_profile": false, 
     "default_profile": true, 
     "default_profile_image": false, 
     "following": false, 
     "follow_request_sent": false, 
     "notifications": false, 
     "translator_type": "none" 
    }, 
    "geo": null, 
    "coordinates": null, 
    "place": null, 
    "contributors": null, 
    "is_quote_status": false, 
    "retweet_count": 2, 
    "favorite_count": 1, 
    "favorited": false, 
    "retweeted": false, 
    "possibly_sensitive": false, 
    "lang": "en" 
}, { 
    "created_at": "Sun Apr 09 17:33:43 +0000 2017", 
    "id": 851125986976567297, 
    "id_str": "851125986976567297", 
    "text": "Hello world", 
    "truncated": false, 
    "entities": { 
     "hashtags": [], 
     "symbols": [], 
     "user_mentions": [], 
     "urls": [] 
    }, 
    "source": "\u003ca href=\"http:\/\/twitter.com\" rel=\"nofollow\"\u003eTwitter Web Client\u003c\/a\u003e", 
    "in_reply_to_status_id": null, 
    "in_reply_to_status_id_str": null, 
    "in_reply_to_user_id": null, 
    "in_reply_to_user_id_str": null, 
    "in_reply_to_screen_name": null, 
    "user": { 
     "id": 851119985732800513, 
     "id_str": "851119985732800513", 
     "name": "David", 
     "screen_name": "DavidHoperz", 
     "location": "", 
     "description": "", 
     "url": null, 
     "entities": { 
      "description": { 
       "urls": [] 
      } 
     }, 
     "protected": false, 
     "followers_count": 0, 
     "friends_count": 21, 
     "listed_count": 0, 
     "created_at": "Sun Apr 09 17:09:52 +0000 2017", 
     "favourites_count": 0, 
     "utc_offset": null, 
     "time_zone": null, 
     "geo_enabled": false, 
     "verified": false, 
     "statuses_count": 3, 
     "lang": "en", 
     "contributors_enabled": false, 
     "is_translator": false, 
     "is_translation_enabled": false, 
     "profile_background_color": "F5F8FA", 
     "profile_background_image_url": null, 
     "profile_background_image_url_https": null, 
     "profile_background_tile": false, 
     "profile_image_url": "http:\/\/pbs.twimg.com\/profile_images\/851182210732494848\/lmgbNLvC_normal.jpg", 
     "profile_image_url_https": "https:\/\/pbs.twimg.com\/profile_images\/851182210732494848\/lmgbNLvC_normal.jpg", 
     "profile_link_color": "1DA1F2", 
     "profile_sidebar_border_color": "C0DEED", 
     "profile_sidebar_fill_color": "DDEEF6", 
     "profile_text_color": "333333", 
     "profile_use_background_image": true, 
     "has_extended_profile": false, 
     "default_profile": true, 
     "default_profile_image": false, 
     "following": false, 
     "follow_request_sent": false, 
     "notifications": false, 
     "translator_type": "none" 
    }, 
    "geo": null, 
    "coordinates": null, 
    "place": null, 
    "contributors": null, 
    "is_quote_status": false, 
    "retweet_count": 0, 
    "favorite_count": 0, 
    "favorited": false, 
    "retweeted": false, 
    "lang": "en" 
}] 

をそして、私はこのようになりますJSONデータ読み取りにはjQueryを持っている：あなたはJSONを見れば

var poutput = $('.listHolder'); 

$.ajax({ 
    url: 'page.php', 
    dataType: 'json', 
    timeout: 5000, 
    success: function(data){ 
     $.each(data, function(pi,item){ 
      str = item.id_str; 

      var products = '<div id="'+item.id_str+'" class="items">'+ 
       '<p class="names">'+item.created_at+'</p>'+ 
       '<p class="names">'+item.text+'</p>'+ 
       '<img src="'+item.entities.media[0].media_url_https+'" width="100%">'+ 
       '</div>'; 
      console.log(products); 
      poutput.append(products); 
     }); 
    }, 
    error: function(){ 
     //alert('There was an error loading the data.'); 
    } 
}); 

をデータ（最初のコードは）、一部のデータにはmedia_url_httpsが含まれていることがあります。

上記のjQueryコードですべてのJSONデータを取得しようとすると、media_url_httpsのデータしか得られず、media_url_httpsを持たない他のデータは無視されるため、これが問題になります。

私のコードから'<img src="'+item.entities.media[0].media_url_https+'" width="100%">'+を削除すると、すべてのデータが取得されますが、画像はありません（画像も必要です）。

イメージなどを含むJSONデータからすべてのデータを取得する方法はありますか？

これは意味があり、誰かがこの問題を解決するのに役立つことを望みます。

ご協力いただければ幸いです。

EDIT：

は、これは私が（場合に使用しようとした方法である）、それ以外（）文：

 $.each(data, function(pi,item){ 
      str = item.id_str; 

     var media =""; 

     var mediaUrl = item.entities.media[0].media_url_https; 

     if(mediaUrl !=''){ 

     media = '<img src="'+item.entities.media[0].media_url_https+'" width="100%">'; 

     }else{ 
     media = ''; 

     } 


      //alert(item.entities.media[0].media_url_https); 
       var products = '<div id="'+item.id_str+'" class="items">'+ 
           '<p class="names">'+item.text+'</p>'+ 
           media+ 
           '</div>'; 


///reset of my code........ 

Answer 1

はentities性質を持っていますが、それらのentitiesの唯一のいくつかは、あなたがそれを使用する前にダウンmedia_url_httpsへのmediaプロパティとそのサブ性質の全ての存在を確認する必要があり、media性質を持っていますあなたのHTML文字列を構築するには、

if (item.entities.media 
    && item.entities.media.length 
    && item.entities.media[0].media_url_https) { 
    // code to add image to html string 
} 

Answer 2

私はあなたの質問やご意見について理解何から：あなたはを不思議に思っています特定のプロパティを持つことができないオブジェクトがある場合、存在しないプロパティをどのように考慮することができますか？特にあなたのimgとコメントで述べたように

は、あなたは彼らが存在しない場合は値を入力するためのプロパティのいくつかの条件を書くことができ、それがはまだ、すべてのデータを反復処理する必要があります。私は、デフォルト値のために提案したい

一つの方法は、私たちは通常の変数ブールのようなちょっとを治療することができ、JavaScriptののtruthy機能の利用です。このコードスニペットで

var products = '<div id="'+item.id_str+'" class="items">'+ 
      '<p class="names">'+item.created_at+'</p>'+ 
      '<p class="names">'+item.text+'</p>'+ 
      '<img src="'+(item.entities.media[0].media_url_https || "./img/default_img.png")+'" width="100%">'+ 
      '</div>'; 

私はJavaScriptで各値はそれに「truthy」または「falsy」の値を有するという事実を利用して、私は実際に「falsy」値を合体することができるブールまたはオペレータを使用して「本当の」デフォルトのもの。私は変更の行は、その値が存在し、空でない場合は、」そう"./img/default_img.png"を使用し、item.entities.media[0].media_url_httpsを使用しての線に沿ってだろう平易な英語で

。

そして、それが明確ではなかった場合は、"./img/default_img.png"を変更することができます別の変数、異なる文字列定数など

あなたのコードをきれいに保つのに役立ち、ブラウザに送信する必要のあるスペースとデータの量を（実際には無視できる量であっても）保存するので、このような評価は真実です。

Answer 3

Jamesのコメントに基づいて、これは魅力的に機能しました。あなたのitemsのすべて以来

var poutput = $('.listHolder'); 

    $.ajax({ 
    url: 'PAGE.php', 
     dataType: 'json', 
     timeout: 5000, 
     success: function(data){ 




     $.each(data, function(pi,item){ 


     if (item.entities.media && item.entities.media.length && item.entities.media[0].media_url_https){ 



     var media = '<img src="'+item.entities.media[0].media_url_https+'" width="100%">'; 
     var products = '<div id="'+item.id_str+'" class="items">'+ 
         '<p class="names">'+item.text+'</p>'+ 
         media+ 
         '</div>'; 

     }else{ 



     var products = '<div id="'+item.id_str+'" class="items">'+ 
         '<p class="names">'+item.text+'</p>'+ 
         '</div>'; 
     } 






       console.log(products); 

       poutput.append(products); 




}); 


}, 

     error: function(){ 
      //alert('There was an error loading the data.'); 
     } 


});