coinsToRender.slice(0, 2).forEach((coin, coinIndex) => { coin.draw() coin.name() coin.update() const dist = Math.hypot(coin.x - coin.y, coin.x - coin.y) console.log(dist) })Este es mi código actualmente. Cada moneda renderizada muestra una bola dentro de un lienzo. Quiero poder verificar las distancias entre cada uno de esos elementos (bolas) que están en una matriz. Actualmente solo está entre 2 para fines de prueba, pero lo eliminaré y lo revertiré a 100 y eventualmente verificaré las distancias entre todos ellos.
Como puede ver, actualmente estoy comparando uno consigo mismo. Tuve la idea de tratar de compararlo con el coinIndex de monedas, pero no funcionó. He estado mirando mi código durante horas; No estoy seguro de qué hacer desde aquí.
No sé si lo correcto es decir que estoy tratando de comparar la distancia de la coin[0] y coin[1] porque quiero comparar las distancias entre todas las monedas eventualmente.
Para abordar un problema de este tipo siempre es mejor visualizarlo. En este caso imaginemos un arreglo de 4 monedas:
coins= [1, 2, 3, 4];En última instancia, queremos verificar si alguno de ellos choca, así que básicamente debemos elegir uno y comparar su posición con todos los elementos restantes. Esto debe repetirse hasta que hayamos llegado al final de la matriz: 1.
Primera ronda: elija 1 -> compare con 2, 3 y 4
Segunda ronda: elija 2 -> no compare con 1 y 2 (esto sucedió en la primera ronda) | comparar con 3 y 4
Tercera ronda: elija 3 -> no compare con 1, 2 y 3 (sucedió en la primera y segunda ronda) | comparar con 4
Esto se traduce bien en un bucle for anidado, por ejemplo
let coins = [1, 2, 3, 4]; let firstCoin, secondCoin; for (let a = 0; a < coins.length - 1; a++) { firstCoin = coins[a]; for (let b = a + 1; b < coins.length; b++) { secondCoin = coins[b]; console.log("compare ", firstCoin, " with " + secondCoin); } } Nada le impide usar un forEach en lugar de un simple for -loop para el bucle externo. El único problema es que está recorriendo un segmento de la matriz y no del todo:
coinsToRender.slice(0, 2)Para este caso de uso, el método forEach ofrece un tercer parámetro adicional que devuelve la matriz procesada por forEach.
Entonces, la variante forEach de mi ejemplo anterior se vería un poco así:
let coinsToRender = [1, 2, 3, 4, 5]; coinsToRender.slice(0, 4).forEach((coin, coinIndex, arr) => { for (let b = coinIndex + 1; b < arr.length; b++) { console.log("compare ", coin, " with " + arr[b]); } });