JSONオブジェクトのjquery約束の完了を確認するための最良のパターンは何ですか？

Question

私は数値のリストを持っていて、APIから数値を照会して作成したJSONオブジェクトの配列を作成したいと思います。たとえば、番号がある場合

numbers = [1, 4]; 

は、それから私は、JSONオブジェクトは、同じように作成します：

[{ 
    number: 1, 
    data: $.getJSON('/api/numbers/1') 
}, 
{ 
    number: 4, 
    data: $.getJSON('/api/numbers/4') 
}] 

対応するJSONオブジェクトに番号のリストをマップするだろう、私は思うだろう最も簡単な方法：

numbers_data = numbers.map(n => {number: n, data: $.getJSON('/api/numbers'+ n)}) 

しかし、かつて私は、私は、すべてのAPI呼び出しが完了したときに伝える方法がわからないんだけど、組み込み$.getJSON約束とnumbers_dataを持っています。変数numbers_dataが完全に解決されたので、私はそれを使って何かできるのかを教えてくれるパターンはありますか？

Answer 1

$.whenを使用すると、基本的に約束を1つにまとめることができます。 .done()ハンドラを$.whenの出力に添付して、すべて AJAX呼び出しが完了したことを一度知ることができます。返されたすべてのJSONデータにアクセスし、必要に応じてそれを使用/構築することができます。このような

何か：

var promises = [], 
    numbers_data = numbers.map(number => { 
     var data = $.getJSON('/api/numbers'+number); 

     promises.push(data); 
     return {number, data}; 
    }); 

// This will let you know once *all* promises are resolved. 
$.when.apply($, promises).done(() => { 
    // Each argument is an array with the following structure: [ data, statusText, jqXHR ] 
    for(var i = 0, len = arguments.length; i < len; i++){ 
     numbers_data[i].data = arguments[i][0]; 
    } 
});