Array associatif javascript | Expliqué

Tableaux associatifs servir de base à la langue javascript. Tout dans JavaScript est appelé objet, ou il est plus exact de dire que tout ce qui est déclaré en JavaScript est un tableau associatif. Par exemple, un nouvel objet que vous créez en JavaScript est un tableau associatif, et pour générer d'autres structures de données JavaScript, vous devez commencer par un tableau associatif.

Cet article expliquera le fonctionnement des tableaux associatifs en javascript. Alors, commençons!

Tableau associatif JavaScript

Un tableau associatif JavaScript est considéré comme une collection de clés. Ces clés sont associées à leur valeurs De telle manière que lorsque la clé est transmise au tableau, il renvoie la valeur correspondante. C'est ce que le terme «association»Signifie.

Les tableaux associatifs en JavaScript sont considérés comme «Objets,"Pas des tableaux normaux. C'est pourquoi seules les méthodes et propriétés liées aux objets lui sont attribuées.

Comment créer un tableau associatif JavaScript

Pour créer un tableau associatif JavaScript, vous devez suivre la syntaxe donnée ci-dessous:

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

Ici, "déployer"Est un tableau associatif qui comprend"clé 1" et "clé2«Comme les cordes index avec leurs valeurs respectives comme«valeur 1" et "valeur2".

Par exemple, nous créerons un tableau JavaScript nommé «employé"Avoir deux clés,"Nom de l'employé" et "Âge". Le "valeur" de la "Nom de l'employé"La clé est définie sur"Alex" et son "Âge" comme "25»:

var employé =
"Nom des employés": 'Alex',
"Age": 25
;

C'est ainsi que vous créez un tableau associatif JavaScript.

Comment calculer la longueur du tableau associatif JavaScript

Le tableau associatif JavaScript n'est pas un tableau normal; Par conséquent, nous ne pouvons pas utiliser un objet de tableau «longueur»Attribut pour afficher sa longueur.

Pour calculer la longueur du tableau associatif, nous devons créer un «Objet.taille()" fonction. Le "Objet.taille()«La fonction iratera à travers le«clés«Du tableau associatif et utilisez le«HasownProperty () » la méthode consiste à vérifier l'existence de clés dedans. Dans le cas, si la condition ajoutée évalue «vraie», Alors la taille du tableau sera incrémentée, qui a été initialement réglée sur«0»:

Objet.size = fonction (array)
Var size = 0;
pour (clé var dans le tableau)
si (tableau.HasownProperty (clé))
taille ++;

taille de retour;
;

Ensuite, nous invoquerons le «Objet.taille() »Méthode pour vérifier la longueur du tableau associatif JavaScript créé:

Var Longueur = objet.taille (employé);
console.Log ("La longueur du tableau des employés est:" + longueur);

Comme vous pouvez le voir sur la sortie, la longueur du «employé"Array associatif est"2»:

De même, vous pouvez également utiliser le «Objet.clés()«Méthode pour calculer la longueur d'un tableau associatif:

console.journal ("La durée du tableau des employés est:" + objet.Clés (employé).longueur);

Sortir

Comment récupérer les valeurs du tableau associatif JavaScript

Dans un tableau associatif, vous pouvez récupérer les valeurs des clés ajoutées en utilisant "pour" boucle:

pour (clé var chez l'employé)
Var Value = Employee [Key];
console.log (clé + "=" + valeur + ");

Le-donné ci-dessus "pour"Loop iratera à travers le"employé»Valeurs de tableau et de récupération des clés ajoutées:

Comment convertir le tableau associatif JavaScript en tableau normal

Vous voulez convertir le tableau associatif JavaScript en un tableau normal? Pour ce faire, invoquez le javascript "carte()" fonction. La fonction map () renvoie un tableau normal en appelant la fonction pour chaque clé "k" de la "employé”Array associatif:

Var Elements = Objet.Clés (employé).map (fonction (k)
Employé de retour [K];
)
console.journal (éléments);

Le tableau nouvellement créé a placé les valeurs du «employé”Clé aux index séquentiels 0 et 1:

C'était tout au sujet du tableau associatif JavaScript. Avant de terminer, vérifions la différence entre un tableau associatif et un tableau normal en JavaScript.

Différence entre le tableau normal et le tableau associatif en JavaScript

Jetez un œil au tableau suivant pour comprendre la différence entre le tableau normal et le tableau associatif en JavaScript:

Tableau normal	Tableau associatif
Un tableau normal est déclaré en utilisant une attelle bouclée "[]."	Un tableau associatif est créé à l'aide de crochets "".
Dans un tableau normal, les valeurs sont accessibles en utilisant «index".	Dans un tableau associatif, les valeurs sont accessibles en utilisant «clés".
Un tableau normal comprend des valeurs ordonnées en fonction de ses index.	Un tableau associatif comprend des valeurs non ordonnées en fonction de ses clés.
Les clés de réseau normales sont du «nombre" taper.	Les clés de tableau associatives peuvent être de chaîne ou nombre taper.
Exemple: var employé = [«Alex», 25];	Exemple: var employé = «Nom des employés»: «Alex», «Age»: 25 ;

Nous avons compilé les informations essentielles liées au tableau associatif JavaScript. Explorez-le en fonction de vos préférences.

Conclusion

Un tableau associatif JavaScript est considéré comme une collection de clés. Ces clés sont associées à leurs valeurs respectives de telle manière que lorsque la clé est transmise au tableau associatif, il renvoie la valeur correspondante. Les tableaux associatifs dans JavaScript sont considérés comme des objets, pas des tableaux normaux; C'est pourquoi seules les méthodes et propriétés liées aux objets sont affectées à un tableau associatif. Cet article a expliqué des tableaux associatifs javascript.