Tengo un objeto que contiene una matriz de blobs (¡representados aquí como cadenas!) y un pictureIndex
de imagen como este:
const data = { pictures: ['blob1','blob2','blob3'], pictureIndex: 0 } shuffleArray(data.pictures);
Nota: pictureIndex
es el índice de 'blob1'
Quiero barajar las manchas dentro de la matriz de imágenes para tener una nueva disposición aleatoria de las manchas, pero quiero obtener el índice de blob1
en la matriz barajada final. Entonces, si los datos barajados son estos:
['blob2','blob3','blob1']
Quiero devolver 2 como índice de imagen de ' pictureIndex
'...
Hasta ahora, puedo mezclar las imágenes fácilmente de esta manera sin tener idea de cómo modificar el pictureIndex
de imágenes:
const data = { pictures: ['blob1','blob2','blob3'], pictureIndex: 0 } shuffleArray(data.pictures); function shuffleArray(array) { let currentIndex = array.length, randomIndex; while (0 !== currentIndex) { randomIndex = Math.floor(Math.random() * currentIndex); currentIndex--; [array[currentIndex], array[randomIndex]] = [array[randomIndex], array[currentIndex]]; } return array; }
Una forma sería hacer la función aleatoria, aceptar el objeto completo y luego devolver el objeto completo con la matriz aleatoria y el índice actualizado.
Entonces le ahorraría la necesidad de encontrar el índice nuevamente desde la matriz barajada.
let data = { pictures: ['blob1', 'blob2', 'blob3'], pictureIndex: 0 } data = shufflePictures(data); console.log(data) function shufflePictures(data) { let currentIndex = data.pictures.length, randomIndex; while (0 !== currentIndex) { randomIndex = Math.floor(Math.random() * currentIndex); currentIndex--; [data.pictures[currentIndex], data.pictures[randomIndex]] = [data.pictures[randomIndex], data.pictures[currentIndex]]; if (randomIndex === data.pictureIndex) { data.pictureIndex = currentIndex } } return data }