Les tableaux JavaScript

1. Déclaration

Il existe deux méthodes pour déclarer un tableau en JavaScript :

mon_tableau = new Array()
 

Notez bien le A majuscule, sans cela, une erreur se produira. Cette méthode permet également d’initialiser des valeurs dans le tableau :

mon_tableau = new Array('Fraise', 'Pomme')
 

La deuxième façon de faire est comme ceci :

        mon_tableau2 = []
 

2. Ajouter des éléments dans un tableau

En PHP, pour ajouter des éléments les uns à la suite des autres, on écrivait :

$mon_tableau[] = 'Fraise'; 
$mon_tableau[] = 'Pomme'; 
…
 

En JavaScript, on utilise la méthode push sur l’objet tableau (souvenez-vous qu’en JavaScript, tout est objet) :

mon_tableau.push('Fraise') 
mon_tableau.push('Pomme')
 

Bien entendu, vous pouvez ajouter un élément dans un tableau à l’indice de votre choix en le spécifiant ainsi :

mon_tableau[0]='Cerise' 
mon_tableau[1]='Poire'
 

Comme en PHP, le premier...

1. Déclaration

Pour créer un tableau associatif, on utilise des accolades :

    mon_tableau = {}
 

Chaque élément du tableau doit être séparé par une virgule (,).

Et un élément est constitué de deux parties séparées par le symbole deux-points (:), à gauche de ce symbole sera la clé de l’élément (une chaîne de caractères) et à droite sera définie la valeur de l’élément (chaîne, nombre, booléen, etc.). Voici un exemple :

<script>   
    mon_tableau = { 
           "nom": "Durand", 
           "prenom": "Michel", 
           "age": 35 
    }         
    document.write('age = ' + mon_tableau['age'] + "<br>") 
 
</script>...

1. La concaténation

La méthode concat assemble deux tableaux ou une série de valeurs dans un tableau, par exemple :

<script>   
    fruits = ['Fraise' , 'Framboise'] 
    fruits2 = ['Banane' , 'Pomme']   
    document.write (fruits.concat(fruits2))  
</script> 
 

Ce qui produira :

Vous pouvez spécifier plusieurs tableaux comme arguments, auquel cas concat ajoute tous leurs éléments dans l’ordre dans lequel les tableaux sont spécifiés.

On peut également utiliser concat directement avec des valeurs comme ceci :

plus_de_fruits = fruits.concat("Peche","Poire")
 

2. Parcourir un tableau à l’aide de forEach

Comme en PHP, il existe une instruction forEach pour parcourir un tableau, mais celle-ci s’utilise différemment : elle est directement appliquée au tableau et on passe en paramètre la fonction qui agira sur tous les éléments du tableau :

<script>   
    fruits = ['Fraise' , 'Framboise', 'Banane' , 'Pomme'] 
    fruits.forEach(afficher) 
 
    function afficher(element, indice, array) {  
        document.write("l'element " + indice + " a pour valeur " 
+ element + "<br>") 
    }  
</script>
 

Affichera :

Dans l’exemple ci-dessus, la fonction transmise à forEach s’appelle...