Les Tableaux Javascript

Devenir un lion dans la jungle du numérique

Les tableaux Javascript

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Array

Un tableau javascript est un type d’objet javascript.

On utilisera un tableau javascript pluôt qu’un objet javascript classique pour stocker des informations sous forme de liste.

Les valeurs seront alors indexées (au lieu de clé:valeur dans un objet javascript, la clé sera remplacée par un “index” qui prendra la forme d’un chiffre ).

Attention le premier index commence à 0 en informatique !

Le deuxième index ser donc logiquement 1 puis le 3eme index sera 2 et ainsi de suite.

Pour savoir quel est l’index maximal d’un tableau donné, on lui appliquera “.lenght” pour obtenir l’index maximal

var tableau =[
    "item1", //index0
    "item2", //index1
    "item3"  //index2
];

var longueurDuTableau = tableau.lenght;
console.log(longueurDuTableau);

//résultat affiché dans la console
2
//il y a donc bien 3 cases dans le tableau (index0 + index1 + index2)

 

Pour déclarer un tableau, plusieurs façon de faire:

//déclarer un tableau vide
var tableau = [];
//ou
var tableau = new array();
//ou déclarer un tableau avec des valeurs par défaut dans le tableau
var tableau =["item1","item2","item3"];

Pour ajouter une valeur dans un tableau, utiliser le méthode javascript push(), il ajoutera la valeur à la fin du tableau.

//déclaration d'un tableau avec 3 items(3 string)
var tableau["item1","item2","item3"];
console.log(tableau);
tableau[
    0:"item1",
    1:"item2",
    2:"item3"
]

//pour ajouter une variable dans un tableau
var tableau = [];
var ajout = "item1";
tableau.push(ajout);
console.log(tableau);

//réponse dans la console
tableau[ 
    0:"item1"
]
 

//ajouter un 4eme item
tableau.push('item4');
console.log(tableau);

//réponse dans la console
tableau[
    0:"item1",
    1:"item2",
    2:"item3",
    3:"item4"
]

Pour ajouter plusieurs valeurs en même temps:

//ajouter un plusieurs item en 1 ligne de code
tableau.push('item4', 'item5','item6'); 
console.log(tableau); 
//réponse dans la console 
tableau[ 
    0:"item1",
    1:"item2",
    2:"item3",
    3:"item4",
    4:"item5",
    5:"item6"
]

 

 

 

 

En continuant à utiliser le site, vous acceptez l’utilisation des cookies. Plus d’informations

Les paramètres des cookies sur ce site sont définis sur « accepter les cookies » pour vous offrir la meilleure expérience de navigation possible. Si vous continuez à utiliser ce site sans changer vos paramètres de cookies ou si vous cliquez sur "Accepter" ci-dessous, vous consentez à cela.Plus d'informations ici

Fermer