Estoy tratando de convertir una matriz en una cadena usando array.join() o array.toString() pero no funciona como se supone que debe funcionar. Cuando hago console.log, permanece como una matriz.
Tengo la intuición de que este problema proviene de algo relacionado con los ámbitos de funciones, pero aún no pude resolverlo.
El proyecto que estoy tratando de construir es un generador de contraseñas.
const letters = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"; const numbers = "0123456789"; const symbols = "!@#$%^&*_-+="; const button = document.querySelector(".gen-pass"); button.addEventListener("click", (e) => { let password = []; for (let i = 0; i < 4; i++) { let randomLetters = letters[Math.floor(Math.random() * letters.length)]; let randomNumbers = numbers[Math.floor(Math.random() * numbers.length)]; let randomSymbols = symbols[Math.floor(Math.random() * symbols.length)]; password.push(randomLetters, randomNumbers, randomSymbols); password.join(); } console.log(password); }); <button class="gen-pass">Generate!</button>puedes hacer algo como esto
const letters = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"; const numbers = "0123456789"; const symbols = "!@#$%^&*_-+="; const button = document.querySelector(".gen-pass"); button.addEventListener("click", (e) => { e.preventDefault(); const password = Array(4).fill(0).flatMap(_ => [ letters[Math.floor(Math.random() * letters.length)], numbers[Math.floor(Math.random() * numbers.length)], symbols[Math.floor(Math.random() * symbols.length)] ] ).join(''); console.log(password); }); <button class="gen-pass">GENERATE</button>Básicamente, este código genera una matriz de [letra, número, símbolo, ...] y luego los une
Array.prototype.join() devuelve una cadena. No cambia el objeto al que se llama.
Es posible que desee crear una nueva variable o cambiar la password después de que el ciclo for se haya completado de la siguiente manera:
const letters = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"; const numbers = "0123456789"; const symbols = "!@#$%^&*_-+="; let password = []; for (let i = 0; i < 4; i++) { let randomLetters = letters[Math.floor(Math.random() * letters.length)]; let randomNumbers = numbers[Math.floor(Math.random() * numbers.length)]; let randomSymbols = symbols[Math.floor(Math.random() * symbols.length)]; password.push(randomLetters, randomNumbers, randomSymbols); } password = password.join(''); console.log(password); const button = document.querySelector(".gen-pass"); button.addEventListener("click", (e) => { e.preventDefault(); let password = []; let formattedPassword = ''; for (let i = 0; i < 4; i++) { let randomLetters = letters[Math.floor(Math.random() * letters.length)]; let randomNumbers = numbers[Math.floor(Math.random() * numbers.length)]; let randomSymbols = symbols[Math.floor(Math.random() * symbols.length)]; password.push(randomLetters, randomNumbers, randomSymbols); } formattedPassword = password.join(''); console.log(password, formattedPassword); });