JS

Tableaux : création, accès aux éléments, méthodes

Tableaux en JavaScript


1. Création de Tableaux :


Un tableau en JavaScript est une structure de données permettant de stocker plusieurs valeurs dans une seule variable. Vous pouvez créer un tableau vide ou initialiser un tableau avec des valeurs.


// Création d'un tableau vide
let tableauVide = [];

// Initialisation d'un tableau avec des valeurs
let monTableau = [1, 2, 3, 4, 5];
let joursSemaine = ['Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi', 'Dimanche'];


2. Accès aux Éléments :


Les éléments d'un tableau sont indexés à partir de zéro. Vous pouvez accéder à un élément en spécifiant son indice entre crochets.


let monTableau = [10, 20, 30, 40, 50];
console.log(monTableau[0]); // Affiche 10
console.log(monTableau[2]); // Affiche 30


3. Méthodes des Tableaux :


JavaScript fournit de nombreuses méthodes intégrées pour manipuler les tableaux.


  • push() : Ajoute un élément à la fin du tableau.
  • pop() : Supprime le dernier élément du tableau.
  • shift() : Supprime le premier élément du tableau.
  • unshift() : Ajoute un élément au début du tableau.
  • splice() : Ajoute ou supprime des éléments à partir d'une position spécifiée.
  • slice() : Renvoie une copie superficielle d'une partie du tableau.


Exemples :


let monTableau = [1, 2, 3];
monTableau.push(4); // monTableau devient [1, 2, 3, 4]

let dernierElement = monTableau.pop(); // dernierElement vaut 4, monTableau devient [1, 2, 3]

monTableau.unshift(0); // monTableau devient [0, 1, 2, 3]

let elementsSupprimes = monTableau.splice(1, 2); // Supprime les éléments d'index 1 et 2
// elementsSupprimes vaut [1, 2], monTableau devient [0, 3]

let sousTableau = monTableau.slice(1, 3); // Renvoie une copie de monTableau avec les éléments d'index 1 et 2
// sousTableau vaut [3]


En résumé, les tableaux en JavaScript sont des structures de données flexibles permettant de stocker et de manipuler des collections d'éléments. En comprenant comment créer des tableaux, accéder à leurs éléments et utiliser leurs méthodes intégrées, vous pouvez manipuler efficacement les données dans vos programmes JavaScript.

694 vues
Posté le 29 février 2024
Publicité Sitedudev
Cette pub permet au site de vivre ...
Publicité
Cette pub permet au site de vivre ...
Voir d'autres articles
9 489 vues
Barre de recherche : Complète
Barre de rechercheMaintenant que notre formulaire et que notre script sont fait, nous allons créer une nouvelle page PHP que l'on nommera recherche_utilisateur.php.Dans cette page...
Créer son site
1 199 vues
Affichage de texte avec echo et print
L'affichage de texte est une opération de base en PHP, souvent utilisée pour fournir une sortie à l'utilisateur. Les instructions echo et print sont les principales méthodes utilisées pour...
PHP
2 920 vues
Barre de menu intelligente
Vous en avez marre de dupliquer votre code afin d'ajouter un nouveau lien sur votre barre de menus ?Alors dans cette vidéo vous allez apprendre à vous simplifier la vie en utilisant la fonction...
Créer son site de rencontres
1 150 vues
Variables : déclaration, types de données (chaînes de caractères, nombres entiers et flottants, booléens)
Les variables sont des éléments fondamentaux en programmation, utilisées pour stocker des données et leur attribuer des noms. En PHP, les variables peuvent stocker différents types de données,...
PHP
4 533 vues
Créer un article
Créer un articleNous allons créer une nouvelle page que l'on nommera creer_article.php. Cette page permettra de créer un article qui sera visible sur le blog.Nous allons modifier notre...
Créer son site
1 377 vues
Sélecteurs CSS : identifier les éléments HTML auxquels appliquer des styles
Sélecteurs CSS : Identifier les éléments HTML auxquels appliquer des stylesLes sélecteurs CSS sont des motifs qui permettent de cibler et de sélectionner des éléments HTML spécifiques afin de...
CSS
3 027 vues
Demande d'amis en PHP (1/3)
Dans cette première vidéo, nous allons créer 3 boutons sur la page voir-profil.php qui vont nous permettre d'ajouter, supprimer et de bloquer une personne.Nous allons également créer une...
Créer son site de rencontres
5 485 vues
Ajout d'images avec <img> et attributs src, alt et width
Ajout d'images avec <img> et attributs src, alt et widthLa balise <img> est utilisée pour afficher des images dans une page HTML. Elle nécessite l'utilisation de certains attributs pour...
HTML
Publicité
Cette pub permet au site de vivre ...