Básicamente, la idea es que mi código elija un elemento aleatorio de una matriz. Ese elemento es arr[i].answer y se coloca al final de esa matriz. Entonces quiero hacer que la primera aparición de esa respuesta sea un * . Utilicé el método findIndex porque pensé que la primera aparición de mi respuesta se convertiría en * sin embargo, tanto la primera aparición como el último elemento se han convertido en un asterisco.
Aquí está el código
arr.forEach(element => { arr[i].answer = arr[i].sequence[rndElement]; arr[i].sequence[arr[i].sequence.length - 1] = arr[i].answer; function isFirst(element, index, array) { return element === arr[i].answer; } let index = arr[i].sequence.findIndex(isFirst); arr[i].sequence[index] = "*"; });Arriba está el código necesario, abajo está todo el código de referencia
const arr = []; const input = document.getElementById('answer').value; const rndElement = Math.floor(Math.random() * 6); function displaySeq() { var i = 0; while (arr.length < 21) { const rndInt = Math.floor(Math.random() * 50); const iterator = Math.floor(Math.random() * (8 - 3 + 1)) + 3; arr[i] = { sequence: [rndInt], answer: 7, guess: [] }; let j = iterator; while (arr[i].sequence.length < 7) { arr[i].sequence.push(rndInt + j); j+=iterator; } arr.forEach(element => { arr[i].answer = arr[i].sequence[rndElement]; arr[i].sequence[arr[i].sequence.length - 1] = arr[i].answer; function isFirst(element, index, array) { return element === arr[i].answer; } let index = arr[i].sequence.findIndex(isFirst); arr[i].sequence[index] = "*"; }); i++; } console.log(arr); }Primero, déjame probarte que findIndex funciona como esperas:
console.log([2, 1, 3, 4, 5, 6, 1].findIndex(item => item === 1)) Ahora, veamos qué sucede si aplica repetidamente findIndex mientras reemplaza sus elementos:
let foo = [1, 2, 1, 2, 1, 2, 1, 2, 1, 2] for (let element of foo) { foo[foo.findIndex(item => item === element)] = "*"; } console.log(foo);Entonces, ¿cómo evita anular elementos que fueron anulados?
let foo = [1, 2, 1, 2, 1, 2, 1, 2, 1, 2]; let replacedItems = []; for (let element of foo) { if (replacedItems.indexOf(element) < 0) { replacedItems.push(element); foo[foo.findIndex(item => item === element)] = "*"; } } console.log(foo);Entonces, ¿cuál es el problema que tienes? El problema es que reemplaza su elemento con * y luego busca el mismo elemento en la misma matriz cuando ya fue reemplazado en su primer índice anterior, por lo que su primer índice actual está en una posición más alta, particularmente el último en su ejemplo .
¿Cuál fue la solución? Realizamos un seguimiento del elemento cuyo índice ya se encontró y evitamos realizar reemplazos similares.