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.

199 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
1 352 vues
Voir plus de messages (2/2)
Dans la suite de cette vidéo nous allons continuer notre système pour voir plus de messages. Nous allons finaliser la disparition du bouton ‘voir plus’ lorsqu’il n’y aura plus de messages...
Créer son site de rencontres
3 029 vues
Comprendre le rôle de CSS dans la conception Web.
Le rôle de CSS dans la conception WebCSS, ou Cascading Style Sheets, est un langage de style utilisé pour définir la présentation visuelle des pages Web. Il agit comme une couche de style qui...
CSS
403 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
270 vues
Opérateurs arithmétiques (+, -, *, /, %)
Les opérateurs arithmétiques sont utilisés en PHP pour effectuer des opérations mathématiques sur des variables et des valeurs. Voici les opérateurs arithmétiques de base en PHP :1. Addition...
PHP
2 949 vues
Afficher ses utilisateurs en PHP
Maintenant que nous avons créé notre formulaire d’inscription et de connexion nous allons afficher tous nos utilisateurs du site afin de visiter par la suite les autres profils du site.
Créer son site de rencontres
401 vues
Opérateurs de comparaison (==, !=, <, >, <=, >=)
Les opérateurs de comparaison en PHP sont utilisés pour comparer des valeurs et renvoyer un résultat basé sur la comparaison. Voici les principaux opérateurs de comparaison en PHP :1. Égalité...
PHP
4 062 vues
Créer un commentaire
Poster un commentaireDans notre dossier f_forum, nous allons reprendre la page topic.php. Dans cette page nous allons ajouter la possibilité à vos utilisateurs de pouvoir poster des commentaires...
Créer son site
3 685 vues
Différencier HTML (structure) de CSS (présentation)
Différencier HTML (structure) de CSS (présentation)HTML (HyperText Markup Language) et CSS (Cascading Style Sheets) sont deux langages complémentaires utilisés pour créer des sites Web, mais ils...
CSS
Publicité
Cette pub permet au site de vivre ...