Ahora estoy intentando hacer un registro, quiero almacenar el nombre de usuario y la contraseña en dos variables creando las variables dinamicamente (por ejemplo si el usuario_7 ya existe que se cree el usuario_8) y que estas variables no se sobreescriban al volver a introducir el nombre y la contraseña si no que se creen nuevas variables con un numero mayor por ejemplo si el usuario_16 ya existe que se cree el usuario_17 no se si me estoy explicando bien espero que puedan ayudarme
3 respuestas
¿Hola cómo estás?... La verdad no entiendo porqué manejarías un sistema de usuarios con variables dinámicas, pero intenté recrear esto igualmente para ayudarte.
Hacerlo con variables dinamicas me parece un tanto dificil o imposible, por lo que lo hice con propiedades dinámicas de la siguiente manera:
//tus usuarios almacenados
let myUsers = {
user_1: {
name: 'juan',
age: 34,
},
user_2: {
name: 'maria',
age: 44,
},
user_3: {
name: 'jesus',
age: 25,
},
};
//creamos un nuevo usuario
const myNewUser = {
name: 'jose',
age: 56,
};
//averiguamos el último usuario actual
const usersLength = Object.keys(myUsers).length;
//agregamos el nuevo usuario
myUsers[`user_${usersLength + 1}`] = myNewUser;
//imprimo los nuevos usuarios
console.log(myUsers);
Pienso que el código habla por si solo, lo único que te dejaría como referencia es el Object.keys que utilizé para convertir las propiedades del objeto en un arreglo.
Edit:
Pues valla, me dijeron que no tuve en cuenta la contraseña, pero siendo sincero vuelvo y digo, me parece un poco raro manejar los usuarios aquí con js, lo correcto sería hacerlo desde un backend ya sea con PHP o Nodejs, en el caso de nodeJS, podrían hashear la contraseña con algún módulo como Bcrypt o algunos de los que existen...
-
buen ejemplo, aunque podrias haber manejado a los usuarios como objetos, ademas algo que nadie dice es que la contraseña no debe ser guardada en texto plano sino como un hash , en caso de tu ejemplo no existe contraseña (como dije es un ejemplo asi que no hay problema) Commented el 4 abr. 2021 a las 17:47
-
@christian pues ya edité la respuesta con lo que pienso de eso, como bien dije, se me hace raro hacerlo desde el cliente, aparte de que es demasiado pero demasiado inseguro, pero igual gracias, lo tendré en cuenta para la próxima! Commented el 4 abr. 2021 a las 18:04
-
Hola @JesúsGarcía No se nada de php y por eso queria hacerlo con js, pero no pense que seria tan dificil hacerlo del lado del cliente (e inseguro), gracias por intentar ayudar, claro que votare (si supiera como xd), intentare aprender php gracias!– minombreCommented el 4 abr. 2021 a las 18:20
-
@minombre, el voto es en la flecha hacia arriba jjsjas, y en cuanto a lo de como crear un flujo de usuarios, pues te recomiendo con nodeJs, o por lo menos es con lo que siempre trabajo, la verdad q nodeJS ya está reemplazando a PHP. Commented el 4 abr. 2021 a las 18:46
-
@JesúsGarcía se entiende lo que dices, por eso hay que dar detalles y hacerle saber a la persona que lo que hace no es correcto Commented el 4 abr. 2021 a las 19:32
Puedes usar localStorage como fuente de almacenamiento de datos, estos datos los guardas en formato JSON, únicamente tendrías que hacer un parse de los datos que guardes, esto te simplifica bastante la vida ya que al final lo que guardas es un array y solo deberías buscar dentro del mismo.
Guardar data
localStorage.setItem(“users”, JSON.stringify([[“user”=>”paca la vaca”,”password”=>”passDeVaca”]])
Recuperar data
let users = JSON.parse(localStorage.getItem(“users”)
-
-
@minombre no se crea el json solo se crea un array que luego se convierte a json con le metodo JSON.stringify() Commented el 4 abr. 2021 a las 19:31
Existen muchas formas de hacerlo pero esto, si bien no es la mejor, me parece más gráfica para que entiendas la idea. Para generar nombres de variables dinámicas en un objeto, solo debes utilizar corchetes "[]" para declarar la llave.
const usuarios = [];
const registroUsuario = (usuario, pass) => {
const index = usuarios.length + 1;
const nuevoUsuario = {}
nuevoUsuario[`usuario_${index}`] = usuario;
nuevoUsuario[`contraseña_${index}`] = pass;
usuarios.push(nuevoUsuario);
}
registroUsuario('Juan', 'Juan123');
registroUsuario('Juan', 'Juan123');
registroUsuario('Juan', 'Juan123');
// si imprimes la variable usuarios
[
{usuario_1: "Juan", contraseña_1: "Juan123"},
{usuario_2: "Juan", contraseña_2: "Juan123"},
{usuario_3: "Juan", contraseña_3: "Juan123"}
]
Si corres lo que escribí, verás que se crean 3 Juan cada uno dentro de un objeto en el arreglo.
let user = "usuario_1";
y esta puede cambiar su valor a"usuario_2"
o"usuario_3"
si quieres guardar todas estas variables hazlo en un array