Estoy comparando un arreglo que me llega de una consulta de la siguiente manera:
var data = response['return']; // Aquí se almacena el arreglo
var tableHead = '<tr>';
//Aquí comparo el arreglo para validar si esta vacío o indefinido o null
if(data === null || data === 'undefined' || data === ''){
//Quiero imprimir este mensaje en el tbody de la tabla que estoy armando
$tblReport.find('tbody').html('No hay datos disponibles');
}else{
//Aquí hago todo lo que necesito para formar mi tabla
Object.keys(data[0]).each(function(prop){
if(prop !== 'id_land' && prop !== 'id_product'){
tableHead += '<th>'+prop+'</th>';
}
});
}
El código funciona muy bien, me arma la tabla con los datos, pero cuando hay un dato que no exista según la consulta, no hace la validación del "if", sino que directamente va al else, y obviamente me da error porque estoy solicitando los keys del arreglo para formar la tabla, y para evitar eso hago esa validación de que si el arreglo viene vacío me muestre el mensaje en el cuerpo de la tabla.
No entiendo si es que estoy haciendo mal las comparaciones, ya que he intentado lo siguiente y no me funciona:
if(typeof(data) === null || typeof(data) === 'undefined' || typeof(data) === ''){
//Quiero imprimir este mensaje en el tbody de la tabla que estoy armando
$tblReport.find('tbody').html('No hay datos disponibles');
}else{
//Aquí hago todo lo que necesito para formar mi tabla
Object.keys(data[0]).each(function(prop){
if(prop !== 'id_land' && prop !== 'id_product'){
tableHead += '<th>'+prop+'</th>';
}
});
}
o también:
if(data === null || data === 'undefined' || data === ''){
//Quiero imprimir este mensaje en el tbody de la tabla que estoy armando
$tblReport.find('tbody').html('No hay datos disponibles');
return null;
}else{
//Aquí hago todo lo que necesito para formar mi tabla
Object.keys(data[0]).each(function(prop){
if(prop !== 'id_land' && prop !== 'id_product'){
tableHead += '<th>'+prop+'</th>';
}
});
}