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.

43 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
62 vues
Utilisation des éléments de division <div> et <span> pour structurer le contenu
Utilisation des éléments de division <div> et <span> pour structurer le contenuLes balises <div> et <span> sont des éléments de division utilisés pour structurer et...
HTML
4 097 vues
Le langage CSS
Le CSS permet de concevoir le design de votre site web. Le CSS agit sur des éléments HTML.On peut intégrer le CSS de deux façons :Directement sur les éléments de votre HTML,Mettre le...
Créer son site
1 617 vues
Nesting : Organiser le code CSS en utilisant le nesting pour des sélecteurs imbriqués
Nesting en SASS : Organiser le code CSS avec des sélecteurs imbriqués1. Utilisation du nesting :En SASS, vous pouvez organiser votre code CSS en utilisant le nesting pour des sélecteurs...
Sass
52 vues
Boucles (for, while, do-while, foreach)
Les boucles en PHP permettent d'exécuter un bloc de code plusieurs fois, en fonction d'une condition spécifiée. Les principales boucles en PHP sont for, while, do-while et foreach. Voici un cours...
PHP
3 140 vues
Afficher les commentaires
Nous allons reprendre notre page topic.php. Sur cette page nous allons afficher les commentaires postés de vos utilisateur.Dans notre page topic.php nous allons donc afficher les...
Créer son site
7 436 vues
Déconnexion PHP
Maintenant que nos utilisateurs peuvent se connecter à notre site, il faut également qu'ils puissent se déconnecter.Pour cela, il faut créer une nouvelle...
Créer son site
1 335 vues
Accepter ou refuser une demande d'amis
Nous allons enfin terminer notre système d'amis en permettant à l'utilisateur d'accepter ou de refuser une ou plusieurs demande grâce à une liste contenant toutes les demandes que l'utilisateur...
Créer son site de rencontres
2 274 vues
Utilisation de l'élément <html>, <head> et <body>
Utilisation de l'élément <html>, <head> et <body>Dans un fichier HTML, l'élément <html> est la racine de tout le document et enveloppe tout le contenu HTML. À...
HTML
Publicité
Cette pub permet au site de vivre ...