Tengo el siguiente problema, hago una consulta AJAX que me devuelve un JSON con unos horarios, se dividen en Laborables, Sábados y Domingos.
La cosa es que los recibo perfectos pero al intentar hacer un append
recorro el JSON y claro los días laborables tienen mas rutas que los fines de semana, en toces al recorrerlo no encuentra la propiedad hora
este es el JSON que recibo "variable result
"
{
"labo":[
{
"hora":"7.35"
},
{
"hora":"9.10"
},
{
"hora":"10.30"
},
{
"hora":"11.15"
},
{
"hora":"12.30"
},
{
"hora":"13.30"
},
{
"hora":"14.30"
},
{
"hora":"17.30"
},
{
"hora":"19.15"
},
{
"hora":"21.30 "
}
],
"sab":[
{
"hora":"10.30"
},
{
"hora":"12.30"
},
{
"hora":"13.30"
},
{
"hora":"14.30"
},
{
"hora":"19.00"
},
{
"hora":"21.30"
}
],
"dom":[
{
"hora":"10.30"
},
{
"hora":"12.30"
},
{
"hora":"19.00"
},
{
"hora":"21.30"
}
]
}
y así es como lo intento pintar
result={
"labo":[{"hora":"7.35"},{"hora":"9.10"},{"hora":"10.30"},{"hora":"11.15"},{"hora":"12.30"},{"hora":"13.30"},{"hora":"14.30"},{"hora":"17.30"},{"hora":"19.15"},{"hora":"21.30 "}],
"sab":[{"hora":"10.30"},{"hora":"12.30"},{"hora":"13.30"},{"hora":"14.30"},{"hora":"19.00"},{"hora":"21.30"}],
"dom":[{"hora":"10.30"},{"hora":"12.30"},{"hora":"19.00"},{"hora":"21.30"}]
}
for(var c = 0; c < result.labo.length; c++) {
var tabla= '<tr><td>'+ result.labo[c].hora+'</td>'
if (result.sab[c].hora.length){
tabla+='</td><td>' + result.sab[c].hora + '</td>'
}else {
tabla+='</td><td></td>'
}
if (result.dom[c].hora.length){
tabla+='</td><td>' + result.dom[c].hora + '</td>'
}else {
tabla+='</td><td></td>'
}
tabla+='</tr>'
$("#filas").append(tabla)
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tbody id="filas">
</tbody>
</table>
como podeis comprobar con el snippet solo me pinta hasta que falla la hora, simplemente quiero hacer como en php un
if(isset(result.sab[c].hora)){
"que pinte el horario"
}else{
"que pinte el td vacio o con un mensaje"
}
Gracias de antemano