Introduction aux méthodes de tableaux en JavaScript
Javascript propose des tableaux pour contenir des données telles que des entiers, des chaînes et des objets définis par l'utilisateur. Le scénario de cas d'utilisation est similaire au concept de tableaux que nous trouvons dans d'autres langues. Dans cette rubrique, nous allons découvrir les méthodes de tableaux en JavaScript.
Javascript est un langage frontal qui ajoute un comportement dynamique à une page Web, ces tableaux sont utilisés pour contenir des données à rendre dans la page Web, comme vous avez une liste de livres avec leur nom, nom d'auteur, date de publication et coût, donc ce tout peut être placé dans un objet et ces multiples objets générés entre-temps peuvent être stockés dans ces tableaux qui peuvent être transmis au contrôleur pour traitement ou de la même manière que le contrôleur peut envoyer cela à la vue pour le rendu.
La déclaration de tableau en Javascript se fait comme ceci
var arr = new Array();
ou
var arr=();
ou
var arr = (1, 2, 3, 4);
Ici, vous pouvez voir une chose que nous avons donné des valeurs entières au tableau et l'a marqué comme de type var, en Javascript tous les éléments seront stockés avec le type var uniquement et s'ils doivent être traités et des entiers ou autrement des types de données que vous voyez ils apparaissent comme, puis l'analyse dans ce type doit être effectuée lors de l'utilisation des données du tableau.
Méthodes de tableaux en Javascript
Pour le traitement des données du tableau, nous avons plusieurs méthodes disponibles, elles nous aideront à effectuer certaines opérations qui sont nécessaires lors du traitement et des manipulations des données.
1. Foreach
Cette méthode est utilisée pour parcourir les données du tableau et nous pouvons faire en sorte que chaque élément individuel soit rendu à l'emplacement réservé souhaité sur la page Web.
var country = ('India', 'Australia', 'South Africa');
nous allons itérer de l'index 0 à la longueur-1, où la longueur est la taille du tableau, qui est 3 ici.
Maintenant, parcourons-les en utilisant la méthode forEach -
Exemple
var country = ('India', 'Australia', 'South Africa');
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Production -
2. Poussez
Chaque fois que vous avez un tableau existant, et, dans l'intervalle, vous effectuez un calcul où ce tableau recevra probablement une certaine valeur de données à y ajouter. Dans ce cas, la fonction push doit être utilisée.
Ajoutons un pays à la liste définie ci-dessus et nous le réitérerons cette fois et la longueur modifiée sera également affichée.
N'oubliez pas que le push sera effectué au dernier index disponible dans le tableau.
Exemple
// this line gives current length ie 3
console.log(country.length + ' is current length')
// here we push one more country
country.push('USA')
//print updated length
console.log(country.length + ' is current length')
// print each element and index
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Production -
3. Pop
Nous pouvons également avoir une exigence où nous devons supprimer les éléments de données du tableau, pop est utilisé pour supprimer l'élément de la fin du tableau, c'est-à-dire que le dernier élément du tableau sera supprimé et ainsi de suite.
Prenons un exemple pour voir la même chose -
// this line gives current length ie 4
console.log(country.length + ' is current length')
// pop the last element, it doesn't take any argument
Country.pop()
// this line gives current length ie 3, as the array lost one element
console.log(country.length + ' is current length')
Production -
4. Maj ()
Vous pouvez avoir une exigence où vous devez retirer l'élément de l'avant du tableau, donc vous ne pouvez pas utiliser pop pour cela car il supprimera d'abord toutes vos données et vous fera ensuite atteindre votre premier élément, pour cela nous avons shift (), cela supprimera directement l'élément du début du tableau.
Voyons un exemple ci-dessous pour cela -
Ici, nous allons exécuter la boucle forEach pour montrer quel élément a été supprimé.
// line below will remove India, which was the first element
country.shift() ;
//let's print the elements now
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Production -
Dans l'image ci-dessus, vous pouvez voir que l'ensemble du tableau a été déplacé vers la gauche, l'élément «Australie» est passé de l'index 1 à l'index 0. Cette opération entraîne donc un décalage de tous les éléments du tableau et peut être coûteuse lorsque le les données sont vraiment énormes, donc cela doit être utilisé avec une analyse appropriée et les bonnes techniques de codage doivent être suivies.
5. Unshift ()
Ici, l'exigence est d'ajouter les données à l'avant du tableau, plutôt que d'ajouter à la fin de celui-ci, cette méthode est appelée unshift () et cela ajoutera également une surcharge de déplacement de tous les éléments sortants du tableau vers la droite d'un index en une seule opération d'insertion.
Cela peut également s'avérer être une opération coûteuse lorsque les performances doivent être au pair.
Voyons un exemple sur la façon de procéder sans changement -
Veuillez consulter l'index où l'élément nouvellement ajouté «Canada» apparaît dans l'instantané.
//add Canada
country.unshift('Canada');
//print elements
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Production -
6. Épissure
Cette méthode est utilisée pour supprimer les éléments basés sur certains index transmis par l'utilisateur, nous avons jusqu'à présent vu push and pop, shift et unshift, tous traités avec le dernier et le premier index, si nous sommes censés faire l'opération de suppression avec les index du milieu, puis nous avons besoin de la méthode d'épissage et nous pouvons passer l'index de l'élément à supprimer du tableau.
Prenons un exemple où nous avons donné un index de départ à partir duquel tous les éléments doivent être supprimés du tableau.
J'ai ajouté la Nouvelle-Zélande dans la gamme existante et fait à nouveau sa taille 4.
//the following statement will target index 2 and 3 to be removed.
country.splice(2), /code>
Production -
7. isArray ()
Cette méthode vérifie si une variable est de type tableau ou non.
Faisons cela à partir de l'instantané suivant
Conclusion
Ici, nous avons vu plusieurs méthodes de manipulation de données avec javascript, ce qui est pratique lorsque vous développez des jeux ou développez des pages Web.
Articles recommandés
Ceci est un guide des méthodes de tableaux en JavaScript. Nous discutons ici de plusieurs méthodes qui nous aideront à effectuer certaines opérations qui sont nécessaires lors du traitement et des manipulations de données. Vous pouvez également consulter les articles suivants pour en savoir plus -
- Constructeur en JavaScript
- Tableaux en JavaScript
- Qu'est-ce que JavaScript?
- Remplacement en JavaScript
- Tableaux en PHP