オブジェクトの配列で結果を返す 2 つの JavaScript リクエストがあります。
最初のオブジェクトは次のようになります。
[Object {user_id="6", meta_value="5", user_nicename="richbai90", more...},
Object {user_id="7", meta_value="1", user_nicename="testing123", more...}]
2枚目はこんな感じ
[Object { usr="6", score="1 / 1", quiz_id="1"},
Object { usr="7", score="1 / 1", quiz_id="1"},
Object { usr="7", score="1/5", quiz_id="3"}]
配列 2 は配列 1 の詳細です
私が必要としているのは、オブジェクト 2 からの情報を、オブジェクト 1 からの情報と対応する必要があるドキュメントに配置できるように、JavaScript でこれらを関連付ける方法です。これを行う最も簡単な方法は、ユーザー ID が同じ配列を結合することですが、これは最初に考えたよりも難しいようです。これが私の最初のアプローチでした：
$.post(AjaxRequest.ajaxurl, {
action: "get_data"
})
.done(function (json) {
console.log(json);
var data = json;
for (var i = 0; i < json.length; i++) {
if (AjaxRequest.user_ID == json[i].user_id && json[i].Quizes == "1") {
$("#result_list").append("you have taken " + json[i].Quizes + " quiz");
} else if (AjaxRequest.user_id == json[i].user_id && json[i].Quizes != "1") {
$("#result_list").append("you have taken " + json[i].Quizes + " quizzes");
} else {
$("#result_list").append(json[i].user_nicename + " has taken " + json[i].Quizes + " quizzes" + "<br>");
}
}
getDetails(json);
})
.fail(function (jqxhr, textStatus, error) {
var err = textStatus + ', ' + error;
console.log('1st Request Failed: ' + err);
});
function getDetails(data) {
$.post(AjaxRequest.ajaxurl, {
action: "get_details"
})
.done(function (details) {
console.log(data);
console.log(details);
for (var i = 0; i < data.length; i++) {
for (var i2 = 0; i2 < details.length; i++) {
while (details[i2].usr == data[i].user_id) {
console.log(details[i2]);
break;
}
}
}
$("#loading").fadeOut('fast', function () {
$("#result_list").fadeIn('fast');
});
})
.fail(function (jqxhr, textStatus, error) {
var err = textStatus + ', ' + error;
console.log('2nd Request Failed: ' + err);
});
}
このコードブロックでは、作業が行われています
for (var i = 0; i < data.length; i++) {
for (var i2 = 0; i2 < details.length; i++) {
while (details[i2].usr == data[i].user_id) {
console.log(details[i2]);
break;
}
}
}
問題は、while ループが壊れると、期待どおりに for ループの次の反復に進まないように見え、代わりに data[i] が未定義になることです。ブレークを削除すると; data[i] は常に == details[i2] となり、ブラウザがクラッシュします。
必要以上に難しくしているのではないでしょうか？