Wikiversité

« JavaScript/Les tableaux » : différence entre les versions

Navigation interactive dans l’historique
← Modification précédenteModification suivante →
Contenu supprimé Contenu ajouté
VisuelWikicode
(:Julien:) (discussion | contributions)
42 modifications
Aucun résumé des modifications
Ligne 8 :
| niveau =
}}
==Les tableaux==
Les tableaux (array en Anglais) sont des tableurs virtuels où peuvent être stockées des centaines d'informations à la fois. À la base, un tableau n'est qu'une simple variable. Il existe deux sortes de tableaux : ▼
 
▲Les '''tableaux''' (array en Anglaisanglais) sont des tableurs virtuels où peuvent être stockées des centaines d'informations à la fois. À la base, un tableau n'est qu'une simple variable. Il existe deux sortes de tableaux :
* les tableaux à indices numériques▼
 
* les tableaux associatifs▼
▲* les tableaux à indices numériques ;
▲* les tableaux associatifs.
 
Les valeurs d'un tableau peuvent être de tout type (booléen, nombre, chaîne de caractères, array...). JavaScript propose l'objet Array avec plusieurs méthodes permettant de manipuler les tableaux sans problème.
 
===Tableaux à indices numériques===
Ce sont des tableaux ouoù chaque valeur est associée à un indice (nombre entier positif).
====Déclaration====
Voici comment déclarer un tableau à indices numériques en JavaScript et lui donner des valeurs de départinitiales :
 
<source lang="javascript">
var mon_tableau = new Array('Christophe', 'Sarah', 'Carole', 'Alex', 'Nicolas', 'Sandrine'); // 1èrepremière méthode
var mon_tableau = ['Christophe', 'Sarah', 'Carole', 'Alex', 'Nicolas', 'Sandrine']; // 2ndeseconde méthode
</source>
 
====Accès aux valeurs====
Pour accéder aux valeurs d'un tableau à indices numériques, la seule possibilité est de passer par lesl'indice indicesde dechacune chaquedes valeurs contenues dans ce tableau. La numérotation des indices commence par 0 (zéro).
 
<source lang="javascript">
document.write(mon_tableau[0]); // Affiche "Christophe"
document.write(mon_tableau[4]); // Affiche "Nicolas"
</source>
 
'''<u>====Listage des valeurs</u>'''====
 
Pour lister l'intégralité du tableau, vous aurez donc deviné qu'il va nous falloirfaut utiliser une boucle. Veuillez noter qu'ilIl va nous être utile de connaître la "longueur" du tableau (le nombre d'indice qu'il possède). Pour cela, on va fairefait appelleappel à la méthode '''length''' de l'objet Array. Ainsi, on pourra accéderaccède aux valeurs de notre tableau grâce auxà ses indices qu'il possède; comme ceci :
 
<source lang="javascript">
Ligne 45 :
</source>
 
'''<u>====Affection de valeurs</u>'''====
 
Pour remplir un tableau d'avec une seule valeur (013 par exemple), on va aussi pouvoir utiliserutilise une boucle.
 
<source lang="javascript">
var a = 013;
var long_tableau = 10;
var mon_tableau = new Array();
Ligne 60 :
</source>
 
Sachez que comme affirmé plus haut, ilIl existe des tableaux de tableautableaux de tableau... (ce sont des tableaux multidimensionnels). Ainsi, ceci est tout à fait faisable :
 
<source lang="javascript">
Ligne 67 :
</source>
 
===Tableaux associatifs===
Un tableau est dit "associatif" lorsque chacune de ses valeurs est associée à un nom.
 
====Déclaration====
Pour attacher le nom à sa valeur, on utilise le signe mathématique simplement le égal comme ceci :
 
<source lang="javascript">
Ligne 84 :
</source>
 
====Accès aux valeurs====
 
Comme précédemment sauf qu'on utiliserautilise le nom associé à la variable plutôtau quelieu de son indice :
 
<source lang="javascript">
Ligne 92 :
</source>
 
'''<u>====Listage des valeurs</u>'''====
 
Pour lister les valeurs du tableau mon_tableau ci-dessus, on procèderaprocède ainsi :
 
<source lang="javascript">
Ligne 101 :
}
</source>
En effet, la boucle for(...in...) va attribuerattribue à la variable ''nom_indice'' le nom de l'indice et passerpasse au suivant à chaque itération. Il est à noter que cette méthode permet aussi de lister les noms d'indices si nécessaire.
 
'''<u>====Affectation de valeurs</u>'''====
 
Soit directement en utilisant le nom de l'indice:
Ligne 116 :
</source>
 
===Des outils pratiques===
Même si nous n'avons pas encore vu comment marchaient les fonctions en JavaScript; il est à savoir que celui-ci met à disposition des fonctions pour la gestion des tableaux. En voici la liste des principale :
 
Ligne 128 :
* '''Tableau.splice()''' : cette méthode ajoute ou retire des éléments dans Tableau.
 
Voilà. À présent, vous en savez assez sur la tableaux en JavaScript pour pouvoir continuer le cours tranquillement.
 
{{Bas de page
Récupérée de « https://fr.wikiversity.org/wiki/JavaScript/Les_tableaux »