Ajax中にネストされたJSONを反復処理するにはどうすればよいですか？

Question

私はこのJSONを持っている：

{ 
    "draw": 0, 
    "recordsTotal": 90, 
    "recordsFiltered": 41, 
    "data": [ 
    { 
     "id": "5", 
     "art": "default/def2.jpg", 
     "full_name": " ", 
     "title": "Hellberg - The Girl | Atomik Remix", 
     "tag": "music", 
     "time": "2015-11-14", 
     "": "" 
    }, 
    { 
     "id": "8", 
     "art": "default/def2.jpg", 
     "full_name": "Simon Deoro", 
     "title": "Tim McMorris-On (Single)", 
     "tag": "dance,popular,", 
     "time": "2015-11-14", 
     "": "" 
    }, 
    ... 
    ] 
} 

私はdata内のすべてのid年代を返すようにしたいので、私はこの機能を試してみました：

function getPlaylist(id) { 
    $.ajax({ 
     type: "GET", 
     url: baseUrl+"/playlist.php?id="+id, 
     cache: false, 
     success: function(result) { 
      var samples = JSON.parse(result); 
      for (i in samples) 
      { 
       console.log(samples.data[i].id + "<br />"); 
      } 
     } 
    }); 
} 

私はコンソール

Uncaught TypeError: Cannot read property 'id' of undefined

からこのエラーを参照してくださいしかし、

私も試しましたforループ（コンソールからの構文エラー）

for(var i = 0; i < samples.data.length; i++) 
{ 
    var product = samples.data[i]; 
    var productId = product.id; 
    console.log(productId); 
} 

私が欲しいのは、私はJSONに非常に精通していないよ、ので、どのように私はアクセスすることができ、正しく私の構造を反復出力5, 8（私のid年代）

のですか？

Answer 1

のようなコードを置き換えることができます。

function getPlaylist(id) { 
    $.ajax({ 
     type: "GET", 
     url: baseUrl+"/playlist.php?id="+id, 
     cache: false, 
     success: function(result) { 
      var samples = JSON.parse(result); 
      for (i in samples.data) 
      { 
       console.log(samples.data[i].id + "<br />"); 
      } 
     } 
    }); 
} 

の

Answer 2

map関数を使用して配列を別の配列に変換できます。 Ajaxの機能で

var dataJSON = { 
 
     "draw": 0, 
 
     "recordsTotal": 90, 
 
     "recordsFiltered": 41, 
 
     "data": [ 
 
     { 
 
      "id": "5", 
 
      "art": "default/def2.jpg", 
 
      "full_name": " ", 
 
      "title": "Hellberg - The Girl | Atomik Remix", 
 
      "tag": "music", 
 
      "time": "2015-11-14", 
 
      "": "" 
 
     }, 
 
     { 
 
      "id": "8", 
 
      "art": "default/def2.jpg", 
 
      "full_name": "Simon Deoro", 
 
      "title": "Tim McMorris-On (Single)", 
 
      "tag": "dance,popular,", 
 
      "time": "2015-11-14", 
 
      "": "" 
 
     }, 
 
     
 
     ] 
 
    }; 
 
     
 

 
var obj = dataJSON.data.map((currentValue) => currentValue.id); 
 
console.log(obj);

、あなたは samples.dataにする必要があり samplesこの

function getPlaylist(id) { 
    $.ajax({ 
     type: "GET", 
     url: baseUrl+"/playlist.php?id="+id, 
     cache: false, 
     success: function(result) { 
      var samples = JSON.parse(result); 
      var idArray = samples.data.map(x => x.id); 
      console.log(idArray); 
     } 
    });