Tengo 2 objetos con matrices.
Editar*
imagenSRC = (
https://store.com/image.png-2022,
https://store.com/image.png-2023,
https://store.com/image.png-2024,
https://store.com/image.png-2025,
https://store.com/image.png-2026,
https://store.com/image.png-2027,
.... (19 en total)
ID de imagen = (
12345689,
45678915,
nulo,
34567890,
89123456,
89012345,
.... 22(totales))
Finalizar edición*
El imageSRC contiene direcciones URL y tiene un recuento de 19 elementos separados por comas. El imageID contiene ID de imágenes y tiene un recuento de 22 elementos separados por comas.
La cantidad de artículos para ambas matrices variará según los diferentes productos.
Estas matrices representan imágenes variantes de mi tienda de un producto. Algunos de los ID de imagen tienen valores nulos ("") debido a que algunas variantes no tienen imágenes, también conocidas como imageSRC.
El problema al que me enfrento es que el imageSRC no se alinea con el imageID una vez que el imageID alcanza un valor nulo. El imageSRC y los imageID ya están ordenados por el índice de variaciones y no pueden cambiar.
Entonces, la solución para mí sería insertar un valor nulo en el objeto imageSRC en el mismo índice exacto dentro del objeto imageID.
ejemplo
que esta pasando actualmente
https://store.com/image.png-2022 123456789
https://store.com/image.png-2023 145679879
https://store.com/image.png-2024 nulo
https://store.com/image.png-2025 891234567
lo que quiero que pase
https://store.com/image.png-2022 123456789
https://store.com/image.png-2023 145679879
nulo nulo
https://store.com/image.png-2024 891234567
No quiero deshacerme de los valores nulos (usando continuar), ya que quiero mantenerlos como un "marcador de posición" para un paso diferente en mi configuración. Debería terminar con la misma longitud de índices que el ID de imagen cuando se ejecuta el código. En este caso 22.
He probado de todo desde (push, continue, break, etc.) y aunque he estado cerca varias veces. Todavía no soy capaz de hacer esto bien.
Aquí está el Javascript que he estado usando...
let imageSRC = inputData.imageSRC.split(","); let imageID = inputData.imageID.split(","); function toObject(imageSRC, imageID) { let result = {}; for (let i = 0; i < imageID.length; i++) { if (imageID[i] === "") { continue; } result[imageSRC[i]] = imageID[i]; } return result } output = toObject(imageSRC, imageID);`Puedes hacer lo siguiente:
let imageSRC = inputData.imageSRC.split(","); let imageID = inputData.imageID.split(","); function toObject(imageSRC, imageID) { const result = []; let j=0; // insert null at correct position for(let i=0; i<imageId.length; i++) { if(!imageId[i] || imageId[i] === 'null') { result.push(null) } else { result.push(imageSrc[j++]); } } // copy the remaining of imageSrc if any for(let i = j; i<imageSrc.length; i++) { result.push(imageSrc[i]); } return result; } output = toObject(imageSRC, imageID);`