JSON値が取得されない - JavaScript/jQuery

Question

以下は、使用可能なフォントのリストを含むAPIから特定のフォント名を取得するために使用するコードです。

問題は、最初の20個の値しか取得できないということです。その後に19を任意の数に変更すると、familyの値は取得されません。ここで

$.getJSON("https://www.googleapis.com/webfonts/v1/webfonts?key=***", function(result){ 
     $.each(result, function(i, field){ 
      $("div").append([field][0][19]['family']); 
     });  
    }); 

は、例えば、フィドルです：

https://jsfiddle.net/tLhea2eo/2/

Answer 1

すべてのフォントは82

$.getJSON("https://www.googleapis.com/webfonts/v1/webfonts?key=***", function(result) { 
 

 
    $.each(result.items, function(i, item) { 
 
    $("ul").append('<li>' + item.family + '</li>'); 
 
    }); 
 
});

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