Come creare un array associativo in JavaScript Letteral Notation

Come creare un array associativo in JavaScript Letteral Notation

Un array associativo è un tipo di struttura dati che memorizza un gruppo/raccolta di coppie di valore chiave. Si chiama "Associativo"Array perché ti consente di associare un valore a una chiave specifica anziché accedere ai valori utilizzando un indice come in un array normale.

Questo post definirà la procedura per la creazione e l'utilizzo di array associativi in ​​JavaScript.

Come creare un array associativo in JavaScript usando la notazione letterale?

In JavaScript, un oggetto è considerato come un array associativo che ha proprietà con nomi (anche noti come chiavi) e valori. È possibile creare un array associativo usando la notazione dell'oggetto letterale, costituito da parentesi graffe e un elenco di coppie di valore chiave separate da virgole (,).

Sintassi

Per creare un oggetto che rappresenta l'array associativo in notazione letterale, utilizzare la seguente sintassi:

const array =
Key1: valore1,
Key2: valore2,
Key3: valore3
;


Esempio 1: creazione di array associativo in JavaScript

Crea un oggetto chiamato Array associativo in JavaScript chiamato "Assarray"Con coppie di valore chiave:

const assarray =
a: 'dieci',
B: 'Five',
C: 'due',
D: 'nove'
;


Stampa l'array sulla console:

console.log (assarray);


Produzione


Puoi anche creare un array associativo come questo:

var assarray = a: 'dieci', b: 'cinque', c: 'due', d: 'nove';


Produzione


In un array associativo, è possibile accedere ai valori delle proprietà usando la notazione punto o la notazione della staffa quadrata anziché gli indici.

Esempio 2: Accesso al valore della chiave dell'array associativo

Valore di accesso della proprietà/chiave "C"Di un array"Assarray":

console.Log (Assarray.C);


L'output viene visualizzato "due"Come valore di"C":


È inoltre possibile accedere ai valori di un array usando la notazione della staffa quadrata passando il tasto come stringa:

console.log (assarray ['a']);


Si può osservare che il valore di "UN" È "dieci":

Determina la lunghezza di un array associativo

L'array associativo JavaScript non è un array regolare, quindi non è possibile utilizzare un oggetto array "lunghezza"Proprietà per verificarne la lunghezza. Per determinare la lunghezza di un array associativo, utilizzare il "Oggetto.misurare() "funzione.

Quindi, usa il “Oggetto.misurare()"Funzione per determinare la lunghezza di un array associativo. Iterazione attraverso le chiavi di un array. Inoltre, utilizza il "HasOwnProperty ()"Metodo per verificare l'esistenza della chiave nell'array. Se esiste la chiave, il conteggio aumenta di uno:

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

restituire arrsize;
;


Chiama il "Oggetto.misurare()"Funzione passando l'array associativo come parametro:

var longofAssArray = oggetto.dimensione (assarray);


Infine, stampa la lunghezza dell'array sulla console:

console.log ("Lunghezza dell'array associativo è:" + lunghefastro);


Si può vedere che la lunghezza dell'array associativo è 4:


Vediamo come convertire un array associativo in un array normale.

Conversione di un array associativo in un array normale/normale

Come sappiamo, l'array associativo non è un array normale. È un oggetto, quindi se vuoi convertirlo in un array normale, usa il "carta geografica()"Metodo chiamando la funzione su ciascuna chiave di un array associativo:

VAR ARRELEMENTS = oggetto.Keys (Assarray).mappa (function (i)
restituire assarray [i];
)


Stampa l'array sulla console usando "console.tronco d'albero()" metodo:

console.registro (arredi);


L'output indica che l'oggetto o l'array associativo JavaScript è stato convertito correttamente in un array normale:


Riguarda le informazioni essenziali rilevanti per l'array associativo in JavaScript.

Conclusione

In JavaScript, un oggetto può essere usato come array associativo. In un array associativo, è possibile accedere ai valori delle proprietà usando la notazione punto o la notazione della staffa quadrata anziché gli indici. Per determinare la lunghezza di un array associativo, utilizzare il "Oggetto.misurare()"Invece del"lunghezza" proprietà. Puoi anche convertire un array associativo in un array normale usando il "carta geografica()" metodo. Questo post ha definito la procedura per la creazione di un array associativo JavaScript.