tengo un archivo json con 50 productos de los cuales cada producto tiene un array con fotos, el caso es que algunos tienen 1 foto y otros 2. Quiero armar un map con una template string para pintar esas fotos en el dom. si mapeo el indice 0 del array todo va bien porque todos tienen fotos, pero el indice 1 solo unos pocos tienen fotos y salta error, como puedo poner un condicional en el map o en la template string para evaluar si no tiene foto? (para probar cambiar por en dejo el ejemplo:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
img{
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<div class="lista"></div>
<script>
let $contenido = [],
$lista = document.querySelector(".lista");
getData();
async function getData(){
try{
let res = await fetch("/Productos-V2.json"),
json = await res.json();
if(!res.ok) throw{ status: res.status, statusText: res.statusText }
$contenido = json.map(el => `<img src="${el.Fotos[0].Foto}">`);
console.log($contenido)
document.querySelector(".lista").insertAdjacentHTML("beforeend", $contenido.join(""));
}catch(err){
let message = err.statusText || " Ocurrió un error";
$lista.innerHTML = `Error ${err.status}:${message}`;
}finally{ }
}
</script>
</body>
</html>
aqui esta el json
[
{
"ProductoID": 12,
"Modelo": "HB01-150",
"Descripcion": "Luminaria High Bay (UFO) Antideslumbramiento",
"UnidadesEmbalaje": 1,
"Especificaciones": [
{
"Descripcion": "Potencia",
"Valor": "150",
"Unidad": "W"
},
{
"Descripcion": "Dimmable",
"Valor": "NO"
},
{
"Descripcion": "Tensión",
"Valor": "100~277",
"Unidad": "VCA"
},
{
"Descripcion": "Eficiencia",
"Valor": "130",
"Unidad": "Lm/W"
},
{
"Descripcion": "Cantidad de leds",
"Valor": "288"
},
{
"Descripcion": "Protección",
"Valor": "IP66"
},
{
"Descripcion": "Factor de Potencia",
"Valor": ">0,95"
},
{
"Descripcion": "Ángulo de Haz",
"Valor": "60",
"Unidad": "º"
},
{
"Descripcion": "C.R.I.",
"Valor": ">70"
}
],
"Fotos": [
{
"Foto": "https://electrobroker.com/admin/fotos/201915150715 - Cengo-ZHN.png"
},
{
"Foto": "https://electrobroker.com/admin/fotos/201922150722 - Cengo-ZHN-100-150-200-240.png"
}
]
},
{
"ProductoID": 13,
"Modelo": "HB01-200",
"Descripcion": "Luminaria High Bay (UFO) Antideslumbramiento",
"UnidadesEmbalaje": 1,
"Especificaciones": [
{
"Descripcion": "Potencia",
"Valor": "200",
"Unidad": "W"
},
{
"Descripcion": "Dimmable",
"Valor": "NO"
},
{
"Descripcion": "Tensión",
"Valor": "100~277",
"Unidad": "VCA"
},
{
"Descripcion": "Eficiencia",
"Valor": "125",
"Unidad": "Lm/W"
},
{
"Descripcion": "Cantidad de leds",
"Valor": "288"
},
{
"Descripcion": "Protección",
"Valor": "IP66"
},
{
"Descripcion": "Factor de Potencia",
"Valor": ">0,95"
},
{
"Descripcion": "Ángulo de Haz",
"Valor": "60",
"Unidad": "º"
},
{
"Descripcion": "C.R.I.",
"Valor": ">70"
}
],
"Fotos": [
{
"Foto": "https://electrobroker.com/admin/fotos/201915150715 - Cengo-ZHN.png"
},
{
"Foto": "https://electrobroker.com/admin/fotos/201922150722 - Cengo-ZHN-100-150-200-240.png"
}
]
},
{
"ProductoID": 14,
"Modelo": "HB01-240",
"Descripcion": "Luminaria High Bay (UFO) Antideslumbramiento",
"UnidadesEmbalaje": 1,
"Especificaciones": [
{
"Descripcion": "Potencia",
"Valor": "240",
"Unidad": "W"
},
{
"Descripcion": "Dimmable",
"Valor": "NO"
},
{
"Descripcion": "Tensión",
"Valor": "100~277",
"Unidad": "VCA"
},
{
"Descripcion": "Eficiencia",
"Valor": "120",
"Unidad": "Lm/W"
},
{
"Descripcion": "Cantidad de leds",
"Valor": "288"
},
{
"Descripcion": "Protección",
"Valor": "IP66"
},
{
"Descripcion": "Factor de Potencia",
"Valor": ">0,95"
},
{
"Descripcion": "Ángulo de Haz",
"Valor": "60",
"Unidad": "º"
},
{
"Descripcion": "C.R.I.",
"Valor": ">70"
}
],
"Fotos": [
{
"Foto": "https://electrobroker.com/admin/fotos/201915150715 - Cengo-ZHN.png"
},
{
"Foto": "https://electrobroker.com/admin/fotos/201922150722 - Cengo-ZHN-100-150-200-240.png"
}
]
},
{
"ProductoID": 15,
"Modelo": "HB01-100-D",
"Descripcion": "Luminaria High Bay (UFO) Antideslumbramiento - Dimmerizable",
"UnidadesEmbalaje": 1,
"Especificaciones": [
{
"Descripcion": "Potencia",
"Valor": "100",
"Unidad": "W"
},
{
"Descripcion": "Dimmable",
"Valor": "SI"
},
{
"Descripcion": "Tensión",
"Valor": "100~277",
"Unidad": "VCA"
},
{
"Descripcion": "Eficiencia",
"Valor": "135",
"Unidad": "Lm/W"
},
{
"Descripcion": "Cantidad de leds",
"Valor": "288"
},
{
"Descripcion": "Protección",
"Valor": "IP66"
},
{
"Descripcion": "Factor de Potencia",
"Valor": ">0,95"
},
{
"Descripcion": "Ángulo de Haz",
"Valor": "60",
"Unidad": "º"
},
{
"Descripcion": "C.R.I.",
"Valor": ">70"
}
],
"Fotos": [
{
"Foto": "https://electrobroker.com/admin/fotos/201915150715 - Cengo-ZHN.png"
},
{
"Foto": "https://electrobroker.com/admin/fotos/201922150722 - Cengo-ZHN-100-150-200-240.png"
}
]
},
{
"ProductoID": 16,
"Modelo": "HB01-150-D",
"Descripcion": "Luminaria High Bay (UFO) Antideslumbramiento - Dimmerizable",
"UnidadesEmbalaje": 1,
"Especificaciones": [
{
"Descripcion": "Potencia",
"Valor": "150",
"Unidad": "W"
},
{
"Descripcion": "Dimmable",
"Valor": "SI"
},
{
"Descripcion": "Tensión",
"Valor": "100~277",
"Unidad": "VCA"
},
{
"Descripcion": "Eficiencia",
"Valor": "130",
"Unidad": "Lm/W"
},
{
"Descripcion": "Cantidad de leds",
"Valor": "288"
},
{
"Descripcion": "Protección",
"Valor": "IP66"
},
{
"Descripcion": "Factor de Potencia",
"Valor": ">0,95"
},
{
"Descripcion": "Ángulo de Haz",
"Valor": "60",
"Unidad": "º"
},
{
"Descripcion": "C.R.I.",
"Valor": ">70"
}
],
"Fotos": [
{
"Foto": "https://electrobroker.com/admin/fotos/201915150715 - Cengo-ZHN.png"
},
{
"Foto": "https://electrobroker.com/admin/fotos/201922150722 - Cengo-ZHN-100-150-200-240.png"
}
]
},
{
"ProductoID": 17,
"Modelo": "HB01-200-D",
"Descripcion": "Luminaria High Bay (UFO) Antideslumbramiento - Dimmerizable",
"UnidadesEmbalaje": 1,
"Especificaciones": [
{
"Descripcion": "Potencia",
"Valor": "200",
"Unidad": "W"
},
{
"Descripcion": "Dimmable",
"Valor": "SI"
},
{
"Descripcion": "Tensión",
"Valor": "100~277",
"Unidad": "VCA"
},
{
"Descripcion": "Eficiencia",
"Valor": "125",
"Unidad": "Lm/W"
},
{
"Descripcion": "Cantidad de leds",
"Valor": "288"
},
{
"Descripcion": "Protección",
"Valor": "IP66"
},
{
"Descripcion": "Factor de Potencia",
"Valor": ">0,95"
},
{
"Descripcion": "Ángulo de Haz",
"Valor": "60",
"Unidad": "º"
},
{
"Descripcion": "C.R.I.",
"Valor": ">70"
}
],
"Fotos": [
{
"Foto": "https://electrobroker.com/admin/fotos/201915150715 - Cengo-ZHN.png"
},
{
"Foto": "https://electrobroker.com/admin/fotos/201922150722 - Cengo-ZHN-100-150-200-240.png"
}
]
},
{
"ProductoID": 18,
"Modelo": "HB01-240-D",
"Descripcion": "Luminaria High Bay (UFO) Antideslumbramiento - Dimmerizable",
"UnidadesEmbalaje": 1,
"Especificaciones": [
{
"Descripcion": "Potencia",
"Valor": "240",
"Unidad": "W"
},
{
"Descripcion": "Dimmable",
"Valor": "SI"
},
{
"Descripcion": "Tensión",
"Valor": "100~277",
"Unidad": "VCA"
},
{
"Descripcion": "Eficiencia",
"Valor": "120",
"Unidad": "Lm/W"
},
{
"Descripcion": "Cantidad de leds",
"Valor": "288"
},
{
"Descripcion": "Protección",
"Valor": "IP66"
},
{
"Descripcion": "Factor de Potencia",
"Valor": ">0,95"
},
{
"Descripcion": "Ángulo de Haz",
"Valor": "60",
"Unidad": "º"
},
{
"Descripcion": "C.R.I.",
"Valor": ">70"
}
],
"Fotos": [
{
"Foto": "https://electrobroker.com/admin/fotos/201915150715 - Cengo-ZHN.png"
},
{
"Foto": "https://electrobroker.com/admin/fotos/201922150722 - Cengo-ZHN-100-150-200-240.png"
}
]
},
{
"ProductoID": 19,
"Modelo": "NK-UFO-12-E",
"Descripcion": "Lámpara UFO 12W",
"UnidadesEmbalaje": 20,
"Especificaciones": [
{
"Descripcion": "Potencia",
"Valor": "12",
"Unidad": "W"
},
{
"Descripcion": "Ángulo de Haz",
"Valor": "170",
"Unidad": "º"
},
{
"Descripcion": "Input voltage",
"Valor": "175-250",
"Unidad": "V"
},
{
"Descripcion": "Frecuencia",
"Valor": "50",
"Unidad": "Hz"
},
{
"Descripcion": "C.R.I.",
"Valor": ">80"
},
{
"Descripcion": "Diámetro",
"Valor": "125",
"Unidad": "mm"
},
{
"Descripcion": "Altura",
"Valor": "75",
"Unidad": "mm"
},
{
"Descripcion": "Luminous Flux",
"Valor": "1020",
"Unidad": "lm (±10%)"
},
{
"Descripcion": "Zócalo",
"Valor": "E27"
}
],
"Fotos": [
{
"Foto": "https://electrobroker.com/admin/fotos/201934140434 - Enshine-UFO.png"
}
]
},
{
"ProductoID": 22,
"Modelo": "NK-UFO-18-E",
"Descripcion": "Lámpara UFO 18W",
"UnidadesEmbalaje": 10,
"Especificaciones": [
{
"Descripcion": "Potencia",
"Valor": "18",
"Unidad": "W"
},
{
"Descripcion": "Ángulo de Haz",
"Valor": "170",
"Unidad": "º"
},
{
"Descripcion": "Input voltage",
"Valor": "175-250",
"Unidad": "V"
},
{
"Descripcion": "Frecuencia",
"Valor": "50",
"Unidad": "Hz"
},
{
"Descripcion": "C.R.I.",
"Valor": ">80"
},
{
"Descripcion": "Diámetro",
"Valor": "125",
"Unidad": "mm"
},
{
"Descripcion": "Altura",
"Valor": "81",
"Unidad": "mm"
},
{
"Descripcion": "Luminous Flux",
"Valor": "1275",
"Unidad": "lm (±10%)"
},
{
"Descripcion": "Zócalo",
"Valor": "E27"
}
],
"Fotos": [
{
"Foto": "https://electrobroker.com/admin/fotos/201934140434 - Enshine-UFO.png"
}
]
},
{
"ProductoID": 23,
"Modelo": "NK-UFO-24-E",
"Descripcion": "Lámpara UFO 24W",
"UnidadesEmbalaje": 10,
"Especificaciones": [
{
"Descripcion": "Potencia",
"Valor": "24",
"Unidad": "W"
},
{
"Descripcion": "Ángulo de Haz",
"Valor": "170",
"Unidad": "º"
},
{
"Descripcion": "Input voltage",
"Valor": "175-250",
"Unidad": "V"
},
{
"Descripcion": "Frecuencia",
"Valor": "50",
"Unidad": "Hz"
},
{
"Descripcion": "C.R.I.",
"Valor": ">80"
},
{
"Descripcion": "Diámetro",
"Valor": "200",
"Unidad": "mm"
},
{
"Descripcion": "Altura",
"Valor": "95",
"Unidad": "mm"
},
{
"Descripcion": "Luminous Flux",
"Valor": "2040",
"Unidad": "lm (±10%)"
},
{
"Descripcion": "Zócalo",
"Valor": "E27"
}
],
"Fotos": [
{
"Foto": "https://electrobroker.com/admin/fotos/201934140434 - Enshine-UFO.png"
}
]
}
]