javascript配列の範囲はIE9とFireFox/Chromeが異なります

Question

私は基本的な問題を絞りました。配列の範囲はIE9とFireFox（とChrome）が異なります。

以下の関数（抜粋のみ）では、配列を宣言してから$ .getJSON（）を呼び出して配列を宣言します。 HoldEmを参照している行はProcessArray関数内（boolSortArray分岐内）で発生するため、私はその時点でsortedWorkingが利用可能であると推測しています。それはIE9にありますが、FireFox/Chromeではありません。引用された行で、sortedWorkingはFireFox/Chromeで空です。どのブラウザでもエラーは発生しません。

実験では、sortedWorkingは "$ .getJSONの終わり"と書かれた行の直前に配置され、その行の直後は空であることが示されています。何かご意見は？

function ProcessArray(arWorking, boolSortArray, idX, isPartners, isChildren) { 
//... 
var sortedWorking = []; 
if(boolSortArray) { 
    $.getJSON('MurakiMaida.json', function(data) { 
    $.each(data.person, function(i, xdata) { 
    ... 
    sortedWorking.push(targetID + ":" + birthYear); 
    ... 
    }); //end of $.each 
    }); //end of $.getJSON 

    var HoldEm = BubbleSort(sortedWorking); 

Answer 1

あなたのコールに "$ .getJSONは（）" 非同期です。呼び出しに続くコード行に配列を代入することはできません。代わりに、配列の内側にある配列に依存するコードをに入れてください。

function ProcessArray(arWorking, boolSortArray, idX, isPartners, isChildren) { 
//... 
var sortedWorking = []; 
if(boolSortArray) { 
    $.getJSON('MurakiMaida.json', function(data) { 
    $.each(data.person, function(i, xdata) { 
    ... 
    sortedWorking.push(targetID + ":" + birthYear); 
    ... 
    }); //end of $.each 

    var HoldEm = BubbleSort(sortedWorking); 
    // ... whatever else ... 
    }); //end of $.getJSON 

さて、これはまた、あなたのを返した後も同様に、まだは、配列が読み込まれていますことを確認することができない、ので、あなたの「ProcessArray」機能自体は、再思考する必要があることを意味してもよいです。一般的には、「$ .getJSON（）」自体が従うのとまったく同じパターンに従うことです：コールバックパラメータを「ProcessArray（）」に追加して、クライアントが配列が持つときに呼び出される関数を渡すことができるようにします取得され、ソートされ、他に何が行われたかを示します。