Le tableau JavaScript est un objet qui représente une collection de types d’éléments similaires.
Il y a 3 façons de construire un tableau en JavaScript
- Créer le tableau littéralement
- En créant directement une instance de Array (en utilisant le mot clé new)
- En utilisant un constructeur Array (en utilisant le mot clé new)
1) Créer un tableau littéralement en JavaScript
La syntaxe de création d’un tableau littéralement en JavaScript est donnée ci-dessous:
var nomtableau=[valeur1,valeur2.....valeurN];
Comme vous pouvez le constater, les valeurs sont contenues dans [] et séparées par, (virgule).
Voyons un exemple simple de création et d’utilisation de tableau en JavaScript.
<script>
var emp=["Raef","Hadil","Hedi"];
for (i=0;i<emp.length;i++){
document.write(emp[i] + "<br/>");
}
</script>
Résultat :
Raef Hadil Hedi
2) JavaScript tableau avec le mot clé Array et new
La syntaxe de création directe d’un tableau est donnée ci-dessous:
var nomtableau=new Array();
Ici, mot-clé new est utilisé pour créer une instance de tableau.
Voyons un exemple de la création directe d’un tableau.
<script>
var i;
var emp = new Array();
emp[0] = "Raef";
emp[1] = "Hadil";
emp[2] = "Hedi";
for (i=0;i<emp.length;i++){
document.write(emp[i] + "<br>");
}
</script>
Résultat :
Raef Hadil Hedi
3) Constructeur de tableau JavaScript (mot clé new)
Ici, vous devez créer une instance de array en transmettant des arguments dans le constructeur afin que nous n’ayons pas à fournir de valeur explicitement.
Un exemple de création d’objet par constructeur de tableau est donné ci-dessous.
<script>
var emp=new Array("Michel","Mcline","Dali");
for (i=0;i<emp.length;i++){
document.write(emp[i] + "<br>");
}
</script>
Résultat :
Michel Mcline Dali
Méthodes de tableau JavaScript
Voyons la liste des méthodes de tableaux JavaScript avec leur description.
| Les méthodes | La description |
|---|---|
| concat () | Il retourne un nouvel objet de tableau contenant deux ou plusieurs tableaux fusionnés. |
| copywithin () | Il copie la partie du tableau donné avec ses propres éléments et retourne le tableau modifié. |
| every() | Il détermine si tous les éléments d’un tableau satisfont aux conditions de la fonction fournie. |
| fill() | Il remplit les éléments dans un tableau avec des valeurs statiques. |
| filter() | Il retourne le nouveau tableau contenant les éléments qui satisfont aux conditions de la fonction fournie. |
| find() | Il retourne la valeur du premier élément du tableau donné qui satisfait à la condition spécifiée. |
| findIndex () | Il renvoie la valeur d’index du premier élément du tableau donné qui satisfait à la condition spécifiée. |
| foreach() | Il appelle la fonction fournie une fois pour chaque élément d’un tableau. |
| includes() | Il vérifie si le tableau donné contient l’élément spécifié. |
| indexOf() | Il recherche l’élément spécifié dans le tableau donné et renvoie l’index de la première correspondance. |
| join() | Il joint les éléments d’un tableau sous forme de chaîne. |
| lastIndexOf () | Il recherche l’élément spécifié dans le tableau donné et renvoie l’index de la dernière correspondance. |
| map() | Il appelle la fonction spécifiée pour chaque élément du tableau et renvoie le nouveau tableau. |
| pop() | Il supprime et retourne le dernier élément d’un tableau. |
| push() | Il ajoute un ou plusieurs éléments à la fin d’un tableau. |
| reverse() | Il inverse les éléments d’un tableau donné. |
| shift() | Il supprime et retourne le premier élément d’un tableau. |
| slice() | Il retourne un nouveau tableau contenant la copie de la partie du tableau donné. |
| sort() | Il retourne l’élément du tableau donné dans un ordre trié. |
| splice() | Il ajoute / supprime des éléments dans / du tableau donné. |
| unshift () | Il ajoute un ou plusieurs éléments au début du tableau donné. |