javascript - JavaScriptで多次元json配列を取得する

Question

このトピックに関する質問と回答がたくさんあることは知っていますが、私の特定のクエリに答えているものはありません。

PHPを使用して5月のデータベースから値を取得し、json経由で返します:

    $staff_list = array(
          "name" => $staff_names,
          "id" => $staff_ids,
          "img" => $staff_imgs,
          "typeID" => $staff_types,
    );

    print(json_encode($staff_list));

私はjavascriptに引っ張っています:

$.getJSON(requestURL, function(data) {
    if( data.errorResponse ) {
            element.html("<p>(" + data.errorResponse.message + ")</p>");
    } else {
        $('#designeesloading').remove();

        $.each(data, function(i, field){
            $.each(field, function(x, value){
                haystack.push({
                  i:value //this should put into 4 arrays as per above shouldn't it?
                });
            });
        });


    } //errorResponse else

  }); //getJSON

しかし、haystack が 25 個の要素 (25 個の名前、画像などがあるため) ではなく、ここで抽出すると、100 回実行されます (4 回 x 25 になると思います)。

(これは、誰かが検索ボックスに入力するたびにトリガーされます):

    $.each(haystack, function(i,v) { //this goes through 100 times instead of 25
    if ((v['name'].toLowerCase().indexOf(needle) >= 0)) {
      choices.push({ //only want to add to choices if what they are searching for is found
        "id":v['id'],
        "name":v['name'],
        "typeID":v['typeID'],
        "img":v['img']
      });
      resultflag++;
    }
    });

見たい人はこちらから。とてもイライラするので、PHPで5分でこれを完了します。

http://cybril.com/donation/donate.php

助けてくれてありがとう。