Objet JavaScript Array (array)
Qu'est-ce qu'un tableau ?
Les objets tableau utilisent des noms de variables distincts pour stocker une série de valeurs.
Si vous disposez d'un ensemble de données (par exemple : nom de la voiture), il existe des variables distinctes comme suit :
var car1="Saab";
var car2="Volvo" ;
var car3="BMW";
Cependant, que se passe-t-il si vous souhaitez trouver une certaine voiture ? Et pas 3 voitures, mais 300 voitures ? Ce ne sera pas une tâche facile !
La meilleure façon est d'utiliser un tableau.
Les tableaux peuvent stocker toutes les valeurs en utilisant un seul nom de variable, et n'importe quelle valeur est accessible en utilisant le nom de variable.
Chaque élément du tableau a son propre identifiant afin qu'il soit facilement accessible.
Créer un tableau
Il existe trois façons de créer un tableau.
Le code suivant définit un objet tableau nommé myCars :
1 : Méthode conventionnelle :
var myCars=new Array();
myCars[0 ]=" Saab";
myCars[1]="Volvo";
myCars[2]="BMW";
2 : Méthode simple :
var myCars= new Array( "Saab","Volvo","BMW");
3 : Littéral :
var myCars=["Saab","Volvo","BMW"];
Accès aux tableaux
Vous pouvez accéder à un élément spécifique en spécifiant le nom du tableau et le numéro d'index.
L'exemple suivant permet d'accéder à la première valeur du tableau myCars :
var name=myCars[0];
L'exemple suivant modifie le premier élément du tableau myCars :
myCars[0]="Opel";
[0] est le premier élément du tableau. [1] est le deuxième élément du tableau.
Dans un tableau, vous pouvez avoir différents objets
Toutes les variables JavaScript sont des objets. Les éléments du tableau sont des objets. Les fonctions sont des objets.
Ainsi, vous pouvez avoir différents types de variables dans le tableau.
Vous pouvez contenir des éléments d'objet, des fonctions, des tableaux dans un tableau :
myArray[0]=Date.now;
myArray[1]=myFunction;
myArray[2]=myCars;
Méthodes et propriétés du tableau
Travailler avec arrays Propriétés et méthodes prédéfinies de l'objet :
var x=myCars.length // Nombre d'éléments dans myCars
var y=myCars.indexOf("Volvo") // Valeur d'index de la valeur "Volvo"
Le rôle d'un objet tableau est de stocker une série de valeurs en utilisant des noms de variables distincts.
<html>
<meta charset="utf-8">
<body>
<script type="text/javascript">
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"
for (i=0;i<mycars.length;i++)
{
document.write(mycars[i] + "<br />")
}
</script>
</body>
</html>Utilisez l'instruction for...in pour parcourir les éléments du tableau :
<html>
<meta charset="utf-8">
<body>
<script type="text/javascript">
var x
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"
for (x in mycars)
{
document.write(mycars[x] + "<br />")
}
</script>
</body>
</html>Comment utiliser la méthode concat() pour fusionner deux tableaux :
<html>
<meta charset="utf-8">
<body>
<script type="text/javascript">
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
var arr2 = new Array(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"
document.write(arr.concat(arr2))
</script>
</body>
</html>
Comment utiliser La méthode sort() trie littéralement un tableau :
<html>
<meta charset="utf-8">
<body>
<script type="text/javascript">
var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"
document.write(arr + "<br />")
document.write(arr.sort())
</script>
</body>
</html>
Comment utiliser la méthode sort() pour trier numériquement un tableau :
<html>
<meta charset="utf-8">
<body>
<script type="text/javascript">
function sortNumber(a, b)
{
return a - b
}
var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"
document.write(arr + "<br />")
document.write(arr.sort(sortNumber))
</script>
</body>
</html>
section suivante