Array associativo JavaScript | Spiegato

Array associativi Servire come base per il linguaggio JavaScript. Tutto in JavaScript è indicato come un oggetto, o è più corretto dire che tutto ciò che è stato dichiarato in JavaScript è un array associativo. Ad esempio, un nuovo oggetto creato in JavaScript è un array associativo e per generare altre strutture di dati JavaScript, è necessario iniziare con un array associativo.

Questo articolo spiegherà il funzionamento degli array associativi in ​​JavaScript. Quindi iniziamo!

Array associativo JavaScript

Un array associativo JavaScript è considerato una raccolta di tasti. Queste chiavi sono associate al loro rispettivo valori In modo tale che quando la chiave viene passata all'array, restituisce il valore corrispondente. Questo è ciò che il termine "associazione"Significa.

Gli array associativi in ​​JavaScript sono considerati come "Oggetti,"Non normali array. Ecco perché vengono assegnati solo i metodi e le proprietà relativi agli oggetti.

Come creare un array associativo JavaScript

Per creare un array associativo JavaScript, devi seguire la sintassi di seguito:

var array = key1: 'value1', key2: 'valore2'

Qui, "vettore"È un array associativo che comprende"Key1" E "Key2"Come stringa indicizza i rispettivi valori come"valore1" E "valore2".

Ad esempio, creeremo un array JavaScript chiamato "dipendente"Avere due chiavi,"Nome dipendente" E "Età". IL "valore"Del"Nome dipendente"La chiave è impostata su"Alex" e il suo "Età" COME "25":

var dipendente =
"Nome dei dipendenti": 'Alex',
"Age": 25
;

È così che crei un array associativo JavaScript.

Come calcolare la lunghezza dell'array associativo JavaScript

L'array associativo JavaScript non è un array normale; Pertanto, non possiamo utilizzare un oggetto array "lunghezza"Attributo per visualizzare la sua lunghezza.

Per calcolare la lunghezza dell'array associativo, dobbiamo creare un "Oggetto.misurare()" funzione. IL "Oggetto.misurare()"La funzione iterirà attraverso il"tasti"Del array associativo e usa il"HasOwnProperty () " Il metodo è verificare l'esistenza di chiavi in ​​esso. Nel caso, se la condizione aggiunta valuta essere "verità", Quindi la dimensione dell'array sarà incrementata, che inizialmente è stata impostata su"0":

Oggetto.size = function (array)
var size = 0;
for (var key in array)
if (array.HasownProperty (Key))
dimensione ++;

dimensione di ritorno;
;

Successivamente, invoceremo il "Oggetto.misurare() "Metodo per verificare la lunghezza dell'array associativo JavaScript creato:

var lunghezza = oggetto.dimensione (dipendente);
console.log ("lunghezza dell'array dei dipendenti è:" + lunghezza);

Come puoi vedere dall'uscita, la lunghezza del "dipendente"L'array associativo è"2":

Allo stesso modo, puoi anche usare "Oggetto.tasti ()"Metodo per calcolare la lunghezza di un array associativo:

console.Log ("Lunghezza dell'array dei dipendenti è:" + oggetto.Keys (dipendente).lunghezza);

Produzione

Come recuperare i valori dell'array associativo Javascript

In un array associativo, è possibile recuperare i valori delle chiavi aggiunte usando "per" ciclo continuo:

per (Var Key in Employee)
var value = dipendente [key];
console.log (tasto + "=" + valore + ");

Il sopra dato "per"Loop iterirà attraverso il"dipendente"Array e prese i valori dei tasti aggiunti:

Come convertire l'array associativo JavaScript in un array normale

Vuoi convertire l'array associativo JavaScript in un array normale? Per farlo, invoca il Javascript "carta geografica()" funzione. La funzione mappa () restituirà un array normale chiamando la funzione per ogni tasto "K"Del"dipendente"Array associativo:

var elements = oggetto.Keys (dipendente).mappa (function (k)
restituire dipendente [K];
)
console.registro (elementi);

L'array appena creato ha posizionato i valori di "dipendente"Chiave su indici sequenziali 0 e 1:

Si trattava di un array associativo Javascript. Prima di finire, controlliamo la differenza tra un array associativo e un array normale in JavaScript.

Differenza tra array normale e array associativo in JavaScript

Dai un'occhiata alla tabella seguente per comprendere la differenza tra array normale e array associativo in JavaScript:

Array normale	Array associativo
Viene dichiarato un array normale usando un tutore riccio "[."	Un array associativo viene creato utilizzando parentesi quadrate "".
In un array normale, si accede ai valori utilizzando "indici".	In un array associativo, si accede ai valori utilizzando "tasti".
Un array normale comprende valori ordinati in base ai suoi indici.	Un array associativo comprende valori non ordinati in base alle sue chiavi.
Le normali chiavi dell'array sono del "numero" tipo.	Le chiavi dell'array associativo possono essere corda O numero tipo.
Esempio: VAR Employee = [“Alex”, 25];	Esempio: var dipendente = "Nome dipendente": 'Alex', "Age": 25 ;

Abbiamo compilato le informazioni essenziali relative all'array associativo JavaScript. Esploralo secondo le tue preferenze.

Conclusione

Un array associativo JavaScript è considerato una raccolta di chiavi. Queste chiavi sono associate ai rispettivi valori in modo tale che quando la chiave viene passata all'array associativo, restituisce il valore corrispondente. Gli array associativi in ​​JavaScript sono considerati oggetti, non array normali; Ecco perché solo i metodi e le proprietà relativi agli oggetti sono assegnati a un array associativo. Questo articolo ha spiegato gli array associativi Javascript.