How to parse data from php in jQuery if received Array & Object - php

Question

PHP:
header('Content-Type: application/json');
//Some code
$files_arr['BadIMG'][$i] = $fileName;
//Some code
$files_arr['GoodIMG'][$i] = $path;
//Some code
echo json_encode($files_arr);
JS:
success: function(response) {
console.log(response.BadIMG);
console.log(response.GoodIMG);
for (var i = 0; i < response.GoodIMG.length; i++) {
var src = response.GoodIMG[i];
$('#fast-reply_textarea').focus().val($('#fast-reply_textarea').val() + '\n[img]https://url/' + src + '[/img]\n');
}
}
If from PHP received only GoodIMG, all it`t ok and in #fast-reply_textarea successfully added links for images:
console.log(response.BadIMG);
undefined
console.log(response.GoodIMG);
Array [ "1_Good.jpg", "2_Good.jpg" ]
But if from PHP received GoodIMG + BadIMG nothing inserted in #fast-reply_textarea:
console.log(response.BadIMG);
Array [ "1_Bad.jpg", "2_Bad.jpg" ]
console.log(response.GoodIMG);
Object { 2: "1_Good.jpg", 3: "2_Good.jpg" }
And if from PHP received onlly BadIMG:
console.log(response.BadIMG);
Array [ "1_Bad.jpg", "2_Bad.jpg" ]
console.log(response.GoodIMG);
undefined //With error:
Uncaught TypeError: can't access property "length", response.GoodIMG is undefined
How to parse this data if received BadIMG together with GoodIMG and add GoodIMG links in editor?
For BadIMG I will add alert, like as: From (Count all images) images (Count or Names of BadIMG) not uploaded.

Answer 1

You could remove the $i index in your arrays in PHP.
$files_arr['BadIMG'][] = $fileName;
$files_arr['GoodIMG'][] = $path;
In this case, both will be arrays, not objects.
Also, in JS, you should test if the variables are defined or not.
success: function(response) {
if (typeof response.GoodIMG !== "undefined") {
for (var i = 0; i < response.GoodIMG.length; i++) {
var src = response.GoodIMG[i];
$('#fast-reply_textarea').focus().val($('#fast-reply_textarea').val() + '\n[img]https://url/' + src + '[/img]\n');
}
}
}