Introduction aux tableaux en JavaScript
Comme nous le savons, les objets nous permettent de stocker des collections de valeurs à clés. Mais parfois, nous avons besoin d'une collection ordonnée, où nous devons stocker le 1er, le 2e, le 3e élément et bien d'autres. Par exemple, considérons que nous devons stocker une liste de quelque chose: les données des utilisateurs, les données des marchandises et bien d'autres. Il n'est pas approprié d'utiliser un objet ici, car il ne fournit aucune méthode pour gérer l'ordre des éléments. Les objets ne sont pas créés pour une telle utilisation. Il existe une structure de données spéciale appelée Array, pour stocker les collections ordonnées. Les tableaux en JavaScript permettent de stocker plusieurs valeurs dans une seule variable. Il stocke le même type de collection d'éléments de taille fixe séquentielle.
Les tableaux en JavaScript sont utilisés pour stocker un ensemble d'informations, mais il est souvent plus utile pour stocker un ensemble de variables du même type. Un tableau est une variable unique en JavaScript qui est utilisée pour stocker divers éléments. Lorsque nous voulons stocker une liste d'éléments et y accéder via une seule variable, elle est souvent utilisée. Contrairement à de nombreux autres langages où un tableau est une référence de variable différente, il existe une seule variable dans le tableau JavaScript qui stocke divers éléments. Les tableaux d'objets en JavaScript sont un objet global utilisé dans la construction de tableaux; qui est des objets de haut niveau, de type liste.
Comment fonctionne le tableau en JavaScript?
Les tableaux en JavaScript sont un moyen de stocker des éléments dans une seule variable en mémoire. Par son index, les éléments sont accessibles dans le tableau. L'index du tableau commence par 0. Les tableaux Javascript sont à base zéro, ce qui signifie que le premier index des éléments est 0. Ceci est très important car cela signifie qu'un décalage d'une unité existera toujours: le premier élément aura un index de 0, et le deuxième élément aura un index de 1, et ainsi de suite.
Comment créer des tableaux en JavaScript (exemple)?
Le tableau d'objets vous permet de stocker diverses valeurs dans une variable. Il stocke une collection séquentielle de taille fixe du même type d'éléments. Un tableau est utilisé pour stocker un ensemble de collections, mais il est souvent plus utile de considérer un tableau comme un ensemble du même type de variables. Le tableau de notation littérale facilite la création de tableaux en JavaScript. Il comprend deux crochets qui enveloppent des éléments de tableau facultatifs séparés par des virgules. Le nombre, la chaîne, le booléen, le null, l'indéfini, l'objet, la fonction, l'expression régulière et d'autres structures peuvent être n'importe quel type d'éléments de tableau.
Le tableau peut être créé en JavaScript comme indiqué ci-dessous
var country = ("India", "England", "Srilanka");
Dans la création ci-dessus, vous initialisez un tableau et il a été créé avec les valeurs "India", "England" et "Srilanka". L'indice «Inde», «Angleterre» et «Srilanka» est de 0, 1 et 2 respectivement. Vous pouvez ajouter des éléments supplémentaires au tableau de pays, puis vous pouvez le faire comme indiqué ci-dessous
country(3) = "New Zealand";
country(4) = "Australia"
var country = new Array("India", "England", "Srilanka");
OR
var country = new Array();
country(0) = "India";
country(1) = "England";
country(2) = "Srilanka";
Exemple
JavaScript Creating Array
var my_array=("England", "Australia", "India");
document.getElementById("myarray").innerHTML = my_array;
Production
Types de tableaux en JavaScript (expliquez chaque type avec un exemple)
Voici les différents types de tableaux en javascript comme suit:
-
Array Literal
Le tableau peut être créé avec un littéral de tableau en utilisant la syntaxe ci-dessous
var arrayname=(value1, value2…..valuen);
Prenons l'exemple simple de la création d'un tableau en JavaScript à l'aide de Array Literal
Array Literal
var country=("India", "Australia", "England");
for (i=0;i document.write(country(i) + "
");
)
Array Literal
var country=("India", "Australia", "England");
for (i=0;i document.write(country(i) + "
");
)
Sortie :
-
Array Directly
Le tableau peut être créé avec le tableau directement en utilisant le nouveau mot-clé comme indiqué ci-dessous dans la syntaxe
var arrayname=new Array();
Ci-dessous un exemple de création d'un tableau en JavaScript en utilisant Array Directly à l'aide du nouveau mot clé
Array Directly
var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(emp(num) + "
");
)
Array Directly
var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(emp(num) + "
");
)
Sortie :
-
Constructeur de tableaux
L'instance de tableau peut être créée en passant des arguments dans un constructeur. L'exemple suivant crée un tableau en JavaScript à l'aide de Array Constructor à l'aide du nouveau mot clé
Array Constructor
var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(country(num) + "
");
)
Array Constructor
var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(country(num) + "
");
)
Production
Expliquer les méthodes de tableau en JavaScript
Voici les méthodes de tableau en JavaScript comme suit
1. méthode concat ()
Vous pouvez créer un nouveau tableau avec une combinaison de deux tableaux ou plus à l'aide de la méthode concat ().
Syntaxe
array.concat(val1, val2, …, valN);
Exemple
JavaScript Array Method
var chars = ("A", "B", "C");
var num = (10, 20, 30);
var concat_res = chars.concat(num);
document.write("Concatenated Result : " + concat_res );
Production
2. chaque ()
Chaque méthode () vérifie si les éléments donnés sont vrais ou faux dans un tableau, comme indiqué dans la condition. Il retourne vrai si la condition correspond à la condition donnée, sinon renvoie faux.
Syntaxe
Array.every(callback, thisArg)
Où le rappel est une condition pour tester la fonction et thisArg est un paramètre facultatif utilisé lors de l'exécution du rappel.
Exemple
JavaScript Array Method
var vals=(150, 400, 450, 375, 200);
function check_num(value)
(
return value>100;
)
document.writeln(vals.every(check_num));
Production
3. fill ()
La méthode fill () est utilisée pour remplir les valeurs statiques spécifiées en modifiant les valeurs d'origine dans le tableau donné.
Syntaxe
array.fill(value)
Exemple
JavaScript Array Method
var my_array=("England", "Australia", "India");
var array_result=my_array.fill("EDUCBA");
document.writeln(my_array);
Production
4. filtre ()
La méthode filter () est utilisée pour filtrer les éléments du tableau en fonction de la condition donnée.
Syntaxe
array.filter(callback, thisArg)
Exemple
JavaScript Array Method
var vals=(150, 200, 345, 375, 125);
function check_num(value)
(
return value>150;
)document.writeln(vals.filter(check_num));
Production
5. forEach ()
La méthode forEach () est utilisée pour appeler la fonction pour chaque élément du tableau.
Syntaxe
array.forEach(callback, thisArg)
Exemple
JavaScript Array Method
var my_array = ('India', 'Srilanka', 'England');
my_array.forEach(function(fetch) (
document.writeln(fetch);
));
Production
6. comprend ()
La méthode includes () est utilisée pour vérifier si l'élément donné est inclus ou non dans le tableau. Si l'élément est inclus dans un tableau, il renvoie vrai, sinon renvoie faux.
Syntaxe
array.includes(element) //where “element” is a value which is to be searched in the array
Exemple
JavaScript Array Method
var my_array=("Sachin", "Dhoni", "Kohli", "Rohit", "Dhawan") var array_result=my_array.includes("Sachin");
document.writeln(array_result);
Production
7. join ()
La méthode join () est utilisée pour combiner les éléments du tableau dans la chaîne et fournit une nouvelle chaîne.
Syntaxe
array.join(separator)
Exemple
JavaScript Array Method
var my_array=('India', 'Srilanka', 'England') var array_result=my_array.join('-')
document.write(array_result);
Production
8. pop ()
La méthode pop () est utilisée pour extraire le dernier élément du tableau donné.
Syntaxe
array.pop(operator)
Exemple
JavaScript Array Method
var my_array=("England", "Australia", "India");
document.writeln("Real array elements: "+my_array+"
");
document.writeln("Extracted element of array: "+my_array.pop()+"
");
document.writeln("Remaining elements of array: "+ my_array);
Production
9. pousser ()
La méthode push () est utilisée pour ajouter l'élément à la fin du tableau.
Syntaxe
array.push()
Exemple
JavaScript Array Method
var my_array=("England", "Australia", "India");
my_array.push("Srilanka");
document.writeln(my_array);
Production
10. reverse ()
La méthode reverse () est utilisée pour inverser la séquence du tableau d'éléments donné. Le dernier élément deviendra le premier et le premier élément deviendra le dernier.
Syntaxe
array.reverse()
Exemple
JavaScript Array Method
var my_array=("England", "Australia", "India");
var reverse_val=arr.reverse();
document.writeln(reverse_val);
Production
11. shift ()
La méthode shift () est utilisée pour renvoyer le premier élément d'un tableau.
Syntaxe
array.shift()
Exemple
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.shift();
document.writeln(array_result);
Production
12. tranche ()
La méthode slice () est utilisée pour afficher une partie des éléments du tableau donnés sans changer le tableau d'origine.
Syntaxe
array.slice(start, end)
Exemple
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.slice(2, 3);
document.writeln(array_result);
Production
13. sort ()
La méthode sort () est utilisée pour afficher les éléments du tableau dans l'ordre croissant.
Syntaxe
array.sort()
Exemple
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.sort();
document.writeln(array_result);
Production
14. unshift ()
La méthode unshift () est utilisée pour ajouter des éléments au début du tableau.
Syntaxe
array.unshift(“element”)
Exemple
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Rohit", "Dhawan");
var array_result=my_array.unshift("Kohli");
document.writeln(my_array);
Production
15. indexOf ()
La méthode indexOf () est utilisée pour rechercher la position d'un élément dans un tableau donné.
Syntaxe
array.indexOf(“element”)
Exemple
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Rohit", "Dhawan");
var array_result=my_array.indexOf("Rohit");
document.writeln(array_result);
Production
Conclusion
Comme discuté jusqu'à présent, un tableau est un type spécial d'objet pour stocker et gérer des éléments de données. Un tableau est un objet, qui fournit un groupe d'éléments et est utile pour stocker une grande quantité de données du même type. Les propriétés et méthodes des objets tableau aident les développeurs à gérer facilement les tableaux. En tant qu'objet global, le tableau JavaScript peut être utilisé dans la construction de tableaux de haut niveau.
Article recommandé
Cela a été un guide pour les tableaux en JavaScript. Ici, nous discutons des différents types et méthodes de tableaux avec l'exemple. Vous pouvez également consulter nos autres articles suggérés pour en savoir plus
- Outils JavaScript
- Fonctions mathématiques JavaScript
- Meilleurs cadres Javascript
- Utilisations de JavaScript
- Tableaux en PHP