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.

287 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
257 vues
Modification du contenu et des styles
Modification du Contenu et des Styles des Éléments HTML en JavaScriptLa modification du contenu et des styles des éléments HTML est une tâche courante en développement web. Cela permet de...
JS
276 vues
Importer des fichiers SASS dans d'autres fichiers
Importer des fichiers SASS dans d'autres fichiers1. Structure de base :Assurez-vous que votre projet SASS est organisé de manière à ce que les fichiers que vous souhaitez importer et les fichiers...
Sass
1 666 vues
Utiliser les opérations mathématiques (+, -, *, /) dans les styles
Utiliser les opérations mathématiques en SASS : +, -, , /1. Addition (+), Soustraction (-), Multiplication (*), Division (/) :En SASS, vous pouvez effectuer des opérations mathématiques...
Sass
461 vues
Sélection d'éléments HTML
Sélection d'Éléments HTML en JavaScriptLa sélection d'éléments HTML est une opération fondamentale en JavaScript. Cela permet d'interagir avec les éléments de la page web, de modifier leur...
JS
4 315 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
358 vues
Les pseudo-classes et pseudo-éléments pour le stylisme conditionnel
Les Pseudo-Classes et Pseudo-Éléments pour le Stylisme ConditionnelEn CSS, les pseudo-classes et les pseudo-éléments permettent d'appliquer des styles à des éléments HTML en fonction de leur...
CSS
15 524 vues
Modifier un profil PHP
Après avoir créé notre page profil, nous allons créer une nouvelle page afin de modifier certaines données de l'utilisateur !La modification d'un profil se fait également par un...
Créer son site
385 vues
Structures de contrôle : if, else if, else, switch
Structures de Contrôle en JavaScript1. Structure de Contrôle if :La structure de contrôle if permet d'exécuter des blocs de code conditionnellement, en fonction de l'évaluation d'une expression...
JS
Publicité
Cette pub permet au site de vivre ...