Objet ArrayJavaScript
Le rôle de l'objet array est : d'utiliser un seul nom de variable pour stocker une série de valeurs.
Exemples en ligne
Créez un tableau, affectez-lui des valeurs :
Exemple
mycars[0] = "Saab";
mycars[1] = "Volvo";
mycars[2] = "BMW";
Essayez-le vous-même »
Au bas de la page, vous pouvez trouver plus d'exemples.
Qu'est-ce qu'un tableau ?
Un objet tableau utilise un seul nom de variable pour stocker une série de valeurs.
Si vous avez un ensemble de données (par exemple : des noms de voitures), stockées dans des variables séparées comme indiqué ci-dessous :
var car2="Volvo";
var car3="BMW";
Cependant, si vous voulez trouver une voiture particulière parmi elles ? Et pas 3 voitures, mais 300 ? Ce ne serait pas une tâche facile !
La meilleure façon est d'utiliser un tableau.
Un tableau peut stocker toutes les valeurs avec un seul nom de variable, et vous pouvez accéder à n'importe quelle valeur en utilisant le nom de variable.
Chaque élément du tableau possède son propre ID afin qu'il puisse être facilement accessible.
Créer un tableau
Il existe trois méthodes pour créer un tableau.
Le code suivant définit un objet tableau nommé myCars :
1 : Méthode classique :
myCars[0]="Saab";
myCars[1]="Volvo";
myCars[2]="BMW";
2 : Méthode concise :
3 : Littéral :
Accéder à un tableau
En spécifiant le nom du tableau et le numéro d'index, vous pouvez accéder à un élément spécifique.
L'exemple suivant accède à la première valeur du tableau myCars :
L'exemple suivant modifie le premier élément du tableau myCars :
 |
|---|
Vous pouvez avoir différents objets dans un tableau
Toutes les variables JavaScript sont des objets. Les éléments de tableau sont des objets. Les fonctions sont des objets.
Par conséquent, vous pouvez avoir différents types de variables dans un tableau.
Vous pouvez inclure des éléments objets, des fonctions et des tableaux dans un tableau :
myArray[1]=myFunction;
myArray[2]=myCars;
Méthodes et propriétés des tableaux
Utilisez les propriétés et méthodes prédéfinies de l'objet Array :
var y=myCars.indexOf("Volvo") // l'index de la valeur "Volvo"
Manuel de référence complet de l'objet Array
Vous pouvez consulter le manuel de référence complet sur ce site pour toutes les propriétés et méthodes des tableaux.
Le manuel de référence contient les descriptions de toutes les propriétés et méthodes (et d'autres exemples).
Manuel de référence complet de l'objet Array
Création de nouvelles méthodes
Prototype est un constructeur global JavaScript. Il peut créer des propriétés et méthodes pour de nouveaux objets JavaScript.
Exemple : Créer une nouvelle méthode.
for (i=0;i<this.length;i++){
this[i]=this[i].toUpperCase();
}
}
Essayez-le vous-même »
L'exemple ci-dessus crée une nouvelle méthode de tableau pour convertir les caractères minuscules d'un tableau en caractères majuscules.
Plus d’exemples
Fusionner deux tableaux - concat()
Fusionner trois tableaux - concat()
Combiner les éléments d'un tableau en une chaîne - join()
Supprimer le dernier élément d'un tableau - pop()
Ajouter de nouveaux éléments à la fin d'un tableau - push()
Inverser l'ordre des éléments dans un tableau - reverse()
Supprimer le premier élément d'un tableau - shift()
Sélectionner des éléments d'un tableau - slice()
Trier un tableau (ordre alphabétique croissant) - sort()
Tri numérique (ordre numérique croissant) - sort()
Tri numérique (ordre numérique décroissant) - sort()
Ajouter un élément à la position 2 dans un tableau - splice()
Convertir un tableau en chaîne de caractères - toString()
Ajouter de nouveaux éléments au début d'un tableau - unshift()
Autres extensions