Come creare un dizionario in JavaScript con coppie di valore chiave?

Il più delle volte, i database vengono utilizzati per archiviare una grande quantità di dati per utilizzarli in seguito o per salvare lo stato dell'applicazione, ma è necessario archiviare i dati localmente all'interno del codice per utilizzarli in seguito. Pertanto, i linguaggi di programmazione hanno alcuni tipi di dati standard che sono davvero utili per raggiungere tale funzionalità senza utilizzare il database.

Necessità di coppie di valore chiave

Quindi, a questo scopo, JavaScript utilizza array e oggetti per archiviare alcuni record all'interno del codice. A differenza di altri linguaggi di programmazione, JavaScript non ha un tipo esatto da chiamare un dizionario, ma ha un tipo diversificato che è chiamato oggetto in JavaScript. L'oggetto di JavaScript è abbastanza flessibile in quanto puoi usarlo in modo dinamico dove vuoi. La maggior parte degli oggetti temporali sono ampiamente utilizzati per i dati in quanto possono essere facilmente utilizzati più avanti nel codice.

Oggetto

Gli oggetti sono anche gli stessi dei dizionari in altri linguaggi di programmazione poiché gli oggetti sono costituiti anche dalle coppie di valore chiave e i dizionari si basano anche su questa struttura di formazione di coppie di valore chiave. È possibile assegnare una chiave da un valore specifico per accedervi in ​​seguito.

In questo articolo, vedremo come possiamo creare dizionari in JavaScript e come possiamo facilmente manipolare alcuni dati in essi con l'aiuto di alcuni esempi.

Come creare un dizionario/oggetto in JavaScript

Perché i dizionari non sono i tradizionali tipi di dati di JavaScript, quindi li usiamo allo stesso modo per creare i dizionari mentre dichiariamo gli oggetti e inizializzano alcuni valori ad essi.
Facciamo un esempio per la creazione dell'oggetto.

Esempio

let myFirstObject = new Object ();
// o il modo abbreviato
Let myFirstObject =
Primo nome: "Mark",
LastName: 'Fonso',
Età: 20

console.log ('Il tipo di variabile è:', typeof (myfirstObject), e i suoi valori sono: ', myFirstObject)

Esistono due modi fondamentali attraverso i quali è possibile creare un oggetto in JavaScript, il primo è dichiarare il nome dell'oggetto che nel nostro caso è "myfirstObject"E quindi creando la sua istanza inizializzando a nuovo oggetto ().

Il secondo modo è considerato come un metodo shorthand che è semplicemente dichiarare il nome dell'oggetto e assegnarlo alcune coppie di valore chiave per far capire all'interprete che si è un oggetto.

Produzione:

Qui puoi vedere che il tipo di oggetto è oggetto come ho detto che non esiste un tipo di dati tradizionale chiamato oggetto, quindi gli oggetti JavaScript sono trattati come oggetti in alcuni casi.

Prendiamo un altro esempio di creazione di un nuovo oggetto nell'esempio di seguito

Esempio

let expOjject =
primo nome: "John Doe",
"Dieci": 10,
10: "qualsiasi intero",
"Esperienza": 0
;
console.log ('type:', typeof (expOject), '\ n', 'valori:', expOject)

Qui nell'esempio sopra, abbiamo creato e inizializzato un nuovo oggetto con il nome esponizione e la console lo ha registrato nel terminale durante il controllo del tipo di dati e la visualizzazione dei valori al suo interno.

Come puoi vedere nella schermata di uscita sopra che il tipo viene visualizzato come oggetto mentre i suoi valori vengono visualizzati anche nel terminale di uscita come ci aspettavamo.

Assegnare i valori ai tasti oggetto

Abbiamo creato correttamente il nostro oggetto, ora controlliamo i valori usando il chiave nomi nell'esempio seguente;

Ciò può essere realizzato utilizzando la proprietà dell'indicizzatore dell'oggetto per impostare i valori o utilizzandola direttamente come se fosse una proprietà normale sull'oggetto. I valori chiave possono essere qualsiasi oggetto, non solo stringhe:

let expOjject =
primo nome: "John Doe",
"Dieci": 10,
10: "qualsiasi intero",
"Esperienza": 0
;
Expobject ["Ten"] = 20;
ExpOject [10] = "Twenty";
espbibject ["esperienza"] = 22;
console.log ('type:', typeof (expOject), '\ n', 'valori:', expOject)
// Assegnazione della proprietà direttamente
DICT.FirstName = "John Doe";

Qui nell'esempio sopra, abbiamo creato un oggetto e successivamente, abbiamo assegnato i valori esclusivamente alle proprietà o alle chiavi specifiche dell'oggetto utilizzando il metodo dell'indicizzatore.

Produzione

Ora puoi vedere chiaramente nella schermata di output fornita che i valori sono stati aggiornati nell'oggetto.

Assegnazione di valori all'oggetto usando l'operatore DOT (assegnazione diretta)

Fino ad ora abbiamo discusso di come possiamo creare oggetti e come possiamo assegnare alcuni valori alle proprietà dell'oggetto usando il metodo di indicizzatore, qui nell'esempio seguente vedremo come possiamo usare un operatore DOT per assegnare alcuni valori alle proprietà dell'oggetto.

Esempio

let expOjject =
primo nome: "John Doe",
"Dieci": 10,
10: "qualsiasi intero",
"Esperienza": 0
;
esponizione.Dieci = 20;
esponizione.esperienza = 10;
esponizione.FirstName = 'Mark Huggy';
console.log ('type:', typeof (expOject), '\ n', 'valori:', expOject)

Qui nell'esempio sopra stiamo creando un oggetto e successivamente stiamo assegnando alcuni valori alle sue proprietà usando l'operatore DOT o puoi dire un incarico diretto in altre parole.

Puoi vedere che i valori sopra alti sono aggiornati nell'oggetto.

Coppie di valore chiave iterato dell'oggetto

Ora discuteremo dell'iterazione delle coppie di valore chiave.

Esempio
Qui nell'esempio seguente, creeremo un oggetto e quindi passeremo attraverso ogni chiave dell'oggetto e visualizzeremo il valore su ciascuna chiave dell'oggetto:

let expOjject =
primo nome: "John Doe",
"Dieci": 10,
10: "qualsiasi intero",
"Esperienza": 0
;
for (let key in espOject)
Let Value = ExpOject [Key];
console.log (valore);

Produzione

I valori vengono visualizzati contro ogni chiave con l'aiuto di un loop

Accesso diretto alle coppie di tasti/valore

Come l'assegnazione diretta, possiamo anche accedere direttamente ai valori dell'oggetto utilizzando un operatore DOT e assegnarlo a qualche altra variabile per il successivo utilizzo. Vediamo nell'esempio seguente:

let expOjject =
primo nome: "John Doe",
"Dieci": 10,
10: "qualsiasi intero",
"Esperienza": 0
;
Let First_name = ExpOjject.nome di battesimo;
esponizione.FirstName = "Mark Christonson";
console.log ("Vecchio nome:", First_name, '\ nNew Nome:', Expojject.nome di battesimo )

Qui nell'esempio sopra, abbiamo creato un oggetto e più tardi, abbiamo assegnato il suo vecchio nome di battesimo valore per il nome di battesimo variabile e aggiornato il valore del nome di battesimo utilizzando il metodo di assegnazione diretta. Più tardi, abbiamo visualizzato sia i valori che i nuovi valori nello schermo

Produzione:

Puoi vedere sia i campi del vecchio che il nuovo nome nella schermata di output sopra.

Conclusione

Il dizionario non è il tipo di dati tradizionale del linguaggio di programmazione JavaScript, ma gli oggetti possono essere trattati come dizionari in alcuni casi. È possibile creare un oggetto attraverso due modi diversi, uno è dichiararlo e inizializzarlo usando il nuovo oggetto () Metodo e il secondo è il modo abbreviato semplicemente dichiarando e assegnando alcune coppie di valore chiave. In questo articolo, abbiamo esaminato in dettaglio entrambi i metodi e abbiamo discusso di come possiamo assegnare e recuperare i valori utilizzando l'assegnazione diretta e i metodi dell'indicizzatore.