jquery - json を繰り返し、詳細をドロップダウンに入れてボックスを選択します

Question

以下に示すようにjsonを作成しました...銀行の詳細を選択ボックスに入れ、従業員の詳細をテーブルに入れる必要があります...しかし、銀行と従業員の詳細を別々に取得する方法がわかりませんそれぞれを繰り返して、必要なセクションに入れます（選択とテーブル）

誰でもこれを行う方法を教えてください

{ "bank": [
             { "branch": "KLM" },
             { "manager": "manu" }
          ], 
  "employee": [
             { "id": "IDE123" },
             { "name": "ronny" }
          ] 
}

Answer 1

json を変数に保存すると仮定すると、銀行の詳細には として、従業員の詳細にdataは としてアクセスできます。次に、それぞれにオブジェクトの配列があるため、次のように繰り返します。data.bankdata.employee

for (var i = 0; i < data.bank.length; i++) { // Iterate over each object in the array
  for (var key in data.bank[i]) { // Iterate over the key in the object
    if (data.bank[i].hasOwnPropety(key)) {
      console.log(key); // "branch"
      console.log(data.bank[i][key]); // "KLM"
    }
  }
}

Answer 2

以下のように、jQuery.each を使用して JSON の結果を繰り返すことができます。

$(jsonResult).each(function(index, element) {
   //for bank records
   $(element.bank).each(function(i, bank) {
        console.log(bank.branch);
        console.log(bank.manager);
   });

   //for employee records
   $(element.employee).each(function(i, employee) {
        console.log(employee.id);
        console.log(employee.name);
   });

});

これが役立つことを願っています!!