Come archiviare un tasto => array di valori in javascript?

Esistono diversi modi per memorizzare le matrici di tastiera => valori in javascript. Tuttavia, la parte difficile è conservare le chiavi e i valori da due array diversi in un singolo elemento. E per aggiungere alla sua delicatezza, chiave e valore devono essere archiviati in un tale schema che recuperare una chiave con il suo rispettivo valore è facile. Questo riduce il numero di metodi per ottenere l'attività a portata di mano solo due. I due metodi più promettenti includono l'uso di Oggetti E Mappe. Questo articolo passerà attraverso entrambi questi metodi uno per uno.

Nota: Questo articolo assumerà che le chiavi e i valori siano archiviati in diversi array e l'obiettivo è archiviarli insieme e farli formattare come "key => valore".

Metodo 1: usando gli oggetti per archiviare il tasto => array di valori

Per dimostrare questo metodo, prima crea un array di chiavi e un array di valore con le seguenti righe:

var KeysArray = ["China", "Inghilterra", "Egitto", "Finlandia", "Grecia"];
var valoraRay = ["Pechino", "Londra", "Cairo", "Helsinki", "Athens"];

Successivamente, crea un oggetto JavaScript vuoto con la riga seguente:

resistenzabj = ;

Successivamente, copia semplicemente le chiavi e i valori dal loro array e aggiungili nell'oggetto usando le seguenti righe:

per (var i = 0; i < keysArray.length; i++)
resistenzabj [keysarray [i]] = valoriRay [i];

In questo frammento di codice sopra:

• Viene eseguito un ciclo per il ciclo e le sue iterazioni sono uguali al numero di elementi all'interno dell'array delle chiavi.
• In ogni iterazione, viene creato un nuovo attributo di proprietà dell'oggetto e viene dato il nome uguale all'elemento all'interno dell'array chiave e il rispettivo valore dall'array di valore utilizzando gli stessi valori dell'indice.

Dopodiché, passa il risultatobj alla funzione di registro della console per stamparlo sul terminale:

console.log (resultobj);

L'esecuzione del codice fornirà il seguente output:

Le chiavi e i valori sono archiviati insieme, ma non sono ancora nel "tasto => formato"
Per visualizzarli nel formato corretto, utilizzare le seguenti righe di codice:

per (x di oggetto.keys (resultobj))
console.log (x + "=>" + resultobj [x]);

In questo frammento di codice:

• Oggetto.Il metodo dei tasti () restituisce le chiavi dell'oggetto nel suo argomento uno per uno. Le chiavi vengono archiviate all'interno della variabile "X"
• La concatenazione della stringa viene utilizzata per formattare l'output del registro della console come "keys => valori"

L'esecuzione del programma ora produce il seguente risultato:

L'output mostra che le chiavi non sono solo memorizzate insieme ma anche formattate nel modo corretto.

Metodo 2: utilizzando le mappe per archiviare il tasto => array di valori

Per dimostrare l'uso delle mappe per la memorizzazione delle chiavi e i rispettivi valori, creare due array con chiavi e valori con le seguenti righe di codice:

var KeysArray = ["China", "Inghilterra", "Egitto", "Finlandia", "Grecia"];
var valoraRay = ["Pechino", "Londra", "Cairo", "Helsinki", "Athens"];

Il prossimo passo è creare una mappa, per questo creare una variabile e impostarla uguale a Nuova mappa () costruttore come:

ResultMap = new Map ();

Per aggiungere valori a una variabile MAP, c'è questo metodo Mapvar.impostato(). Usa questa funzione per aggiungere i tasti e i rispettivi valori:

per (i = 0; i < keysArray.length; i++)
ResultMap.set (keysarray [i], valoriRay [i]);

Nel frammento di codice sopra menzionato:

• A per loop viene utilizzato per iterare attraverso il keysarray e il valoraray usando la lunghezza del keysarray.
• In ogni iterazione, ResultMap.impostato() Il metodo viene utilizzato per archiviare la coppia di tasti e valori nella mappa.

Dopo questo, basta passare il ResultMap variabile sul terminale utilizzando la funzione di registro della console:

console.log (resultmap);

Questo codice produrrà il seguente output:

È un po 'nel formato giusto, ma include un po' di informazioni extra. Per formattarlo correttamente, utilizzare le seguenti righe:

per (chiave di resultmap.keys ())
console.log (tasto + "=>" + resultmap.ottenere (chiave));

In questo frammento di codice:

• ResultMap.Il metodo dei tasti () restituisce i tasti della mappa uno per uno alla variabile chiave.
• ResultMap.Il metodo get () viene utilizzato per ottenere il valore di una chiave specifica.
• E nella funzione del registro della console, la concatenazione della stringa viene utilizzata per formattare correttamente l'output.

L'esecuzione del codice ora produce il seguente output sul terminale:

L'output mostra che le chiavi non sono solo memorizzate insieme ma anche formattate nel modo corretto.

Conclusione

In JavaScript, oggetti e mappe sono i due elementi più adatti per archiviare chiavi e coppie di valori, anche se l'attività a portata di mano è di prendere chiavi e valori da singoli array e posizionarli all'interno di una singola entità. Successivamente, ogni volta che l'utente sta cercando di ottenere le chiavi e i rispettivi valori, possono essere facilmente formattati in formato "key => value" utilizzando una semplice concatenazione di stringhe in JavaScript.