Soy un estudiante principiante de JS y esta es mi primera pregunta en Stack.
Estoy buscando hacer un sitio web de tarjetas flash con alrededor de 8000 tarjetas flash.
En una publicación anterior (hace 10 años) recomiendan: AJAX-loading-one-at-a-time approach. (aún no lo aprendí por cierto).
Hasta ahora hice 3 tarjetas flash y funciona con variables y matrices, pero con 8000 no estoy seguro de cuál es la mejor opción:
function Card(term, definition) { this.term = term; this.definition = definition; } let front = document.getElementById("front"); let back = document.getElementById("back"); let flip = document.getElementById("flip"); const card1 = new Card( "Good Morning", "Buenos Dias" ); const card2 = new Card( "Welcome", "Bienvenido" ); const card3 = new Card( "How are you? ;)", "Que tal" ); const myCards = [card1, card2, card3]; const cardIndex = 0;Gracias de antemano chicos y disculpad si no me explico bien.
Tal como está, lo que estás haciendo me parece bien ... JSON es útil para almacenar datos, pero no creo que lo que estás haciendo esté mal, es solo una cuestión de opinión.
Al almacenar datos como tú, prefiero usar este método:
const myCards = [ {english: 'Good Morning', spanish: 'Buenos Dias'}, {english: 'Welcome', spanish: 'Bienvenido'}, {english: 'How are you?', spanish: 'Que tal?'} ] const cardIndex = 0 console.log(myCards[cardIndex].english) console.log(myCards[cardIndex].spanish)Esta es una técnica mucho más pequeña y es muy escalable.
Si lo desea, siéntase libre de profundizar en los datos JSON, pero no creo que deba preocuparse.
Espero que esto ayude.