Comment pousser à la fois la clé et la valeur dans un tableau de jQuery

Dans certains cas, les développeurs doivent ajouter les paires de valeurs clés dans un tableau, à l'aide de bibliothèques JavaScript, telles que «jquery". Les développeurs préfèrent utiliser un tableau au lieu d'un objet typique pour profiter des fonctionnalités d'indexation et d'itération d'un tableau tout en ayant encore accès aux données via une clé.

Ce blog décrira la procédure pour pousser les paires de valeurs clés dans un tableau utilisant jQuery.

Comment pousser / ajouter à la fois la clé et la valeur dans un tableau à l'aide de jQuery?

Pour pousser les paires de valeurs clés dans un tableau, utilisez la jQuery "chaque()«Méthode avec le«pousser()" méthode. Le "chaque()»La méthode est l'une des méthodes de traversée les plus utilisées de jQuery. Il prend une fonction de rappel comme un paramètre déclenché pour chaque élément. Tandis que le "pousser()«La méthode est utilisée pour ajouter des éléments dans un tableau.

Syntaxe

La syntaxe suivante est utilisée pour le jQuery "chaque()" méthode:

chaque (fonction (index, élément))

Pour ajouter des éléments dans un tableau, utilisez la syntaxe donnée:

push (élément)

Note: Pour pousser les paires de valeurs clés dans un tableau à jQuery, utilisez le «pousser()”Méthode à l'intérieur de la fonction de rappel.

Pour utiliser la jQuery "chaque()«Méthode pour ajouter des paires de valeurs clés dans un tableau, vous devez d'abord ajouter une bibliothèque jQuery dans la balise en utilisant le«SRC”Attribut de l'élément:

Exemple

Ici, dans l'exemple donné, d'abord, nous créerons un objet qui contient trois paires de valeurs clés:

var obj =
"id": "3",
"Nom": "Jack",
"Age": 28

Ensuite, créez un tableau vide où nous allons pousser les paires de valeurs clés:

var array = [];

Appeler le "chaque()"Méthode pour itérer l'objet"obj"En utilisant la fonction de rappel, où nous allons d'abord créer un nouvel objet littéral appelé"élément". Ensuite, définissez le "clé«Comme propriété d'un élément, et la valeur comme valeur de cette propriété. Enfin, nous appellerons le «pousser()”Méthode pour ajouter l'élément dans un tableau vide:

$.chaque (obj, fonction (clé, valeur)
var element = ;
élément [key] = valeur;
déployer.push (élément);
);

Enfin, imprimez le tableau sur la console en utilisant le «console.enregistrer()" méthode:

console.journal (tableau);

Comme vous pouvez le voir, les paires de valeurs clés ont été ajoutées avec succès dans un tableau vide à l'aide de la jQuery:

Il s'agissait de pousser à la fois la clé et la valeur dans un tableau à jQuery.

Conclusion

Pour pousser les paires de valeurs clés dans un tableau, utilisez la jQuery "chaque()«Méthode avec le«pousser()" méthode. Le "chaque()»La méthode est l'une des méthodes de traversée les plus utilisées de jQuery. Le "pousser()«La méthode est utilisée à l'intérieur de la fonction de rappel du«chaque()«Méthode pour ajouter des éléments à un tableau. Ce blog a décrit la procédure pour pousser les paires de valeurs clés dans un tableau à l'aide de jQuery.