Manipuler des tableaux en JavaScript
Dans un script, il est parfois nécessaire de manipuler un ou plusieurs tableaux.
Il est existe différentes méthodes JavaScript utiles qui permettent d’exploiter
efficacement un tableau.
Liste des fonctions JavaScript
forEach()
Itère sur une liste afin d’utiliser ou appliquer un traitement sur chacune de ses
données.
Exemple :
var categoriesDemandeAchat = ['Informatique', 'Bureautique', 'Autre'];
categoriesDemandeAchat.forEach(function(categorie) {
io.set("categorie_" + categorie, categorie);
});
map()
Itère sur une liste, transforme chaque éléments avec la fonction/le traitement
donné et retourne la nouvelle liste transformée.
Exemple :
var categoriesDemandeAchat = ['Informatique', 'Bureautique', 'Autre'];
const categoriesDemandeAchatApresModif = categoriesDemandeAchat.map(
function(categorieParcourue){
return "Catégorie : " + categorieParcourue;
});
// Résultat : Une concaténation de "Catégorie : " et du nom de la catégorie est faite sur chaque
élément.
// ['Catégorie : Informatique', 'Catégorie : Bureautique', 'Catégorie : Autre']
filter()
Retourne un nouveau tableau qui ne comporte que les éléments qui correspondent
à la condition passée en paramètre.
Exemple :
var categoriesDemandeAchat = ['Informatique', 'Bureautique', 'Autre'];
const resultats = categoriesDemandeAchat.filter(function(categorie){
return categorie.endsWith('tique');
});
// Résultat : Un filtre a été réalisé sur le tableau "resultats". Seules les catégories qui finissent pas
"tique" sont gardées.
// ['Informatique', 'Bureautique']
push()
Ajoute un/des élément(s) à la fin du tableau.
Exemple :
var categoriesDemandeAchat = ['Informatique', 'Bureautique', 'Autre'];
categoriesDemandeAchat.push('Consommable');
// Résultat : "Consommable" est ajouté au tableau.
// ['Informatique', 'Bureautique', 'Autre', 'Consommable']
shift()
Retire et stocke le premier élément du tableau.
Exemple :
var categoriesDemandeAchat = ['Informatique', 'Bureautique', 'Autre'];
var premiereCategorie = categoriesDemandeAchat.shift();
// Résultat : Le premier élément du tableau "categoriesDemandeAchat" est retiré du tableau puis
stocké dans la variable JS "premiereCategorie".
// ['Bureautique', 'Autre']
// premiereCategorie = "Informatique"
pop()
Retire et stocke le dernier élément du tableau.
Exemple :
var categoriesDemandeAchat = ['Informatique', 'Bureautique', 'Autre'];
var derniereCategorie = categoriesDemandeAchat.pop();
// Résultat : Le dernierélément du tableau "categoriesDemandeAchat" est retiré du tableau puis
stocké dans la variable JS "derniereCategorie".
// ['Informatique', 'Bureautique']
// premiereCategorie = "Informatique"
join()
Concatène tous les éléments du tableau avec, comme séparateur, l’élément passé
en paramètre (virgule si aucun paramètre).
Exemple :
var categoriesDemandeAchat = ['Informatique', 'Bureautique', 'Autre'];
var listeDesCategorie = categoriesDemandeAchat.join('##');
// Résultat : Une chaîne de caractère est créée avec tout les éléments du tableau
"categoriesDemandeAchat" en mettant comme séparateur le paramètre renseigné ("##").
// Informatique##Bureautique##Autre
