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.

286 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 587 vues
Explorer les fonctions de manipulation de couleur, de texte, etc.
Exploration des fonctions de manipulation en SASS1. Manipulation de couleurs :SASS propose un ensemble de fonctions intégrées pour manipuler les couleurs. Vous pouvez ajuster la luminosité, la...
Sass
4 602 vues
Afficher la liste des articles
Mise en pagePour commencer nous allons créer la page maître de notre blog. C'est cette page qui contiendra tous les articles qui constituerons notre blog.Tout d'abord nous allons créer...
Créer son site
325 vues
Utilisation de gradients, ombres et transitions pour des effets visuels
Utilisation de Gradients, Ombres et Transitions pour des Effets VisuelsEn CSS, vous pouvez utiliser des gradients, des ombres et des transitions pour ajouter des effets visuels attrayants à vos...
CSS
18 110 vues
Mot de passe oublié en PHP
Il arrivera souvent qu'un utilisateur oublie son mot de passe. Pour y remédiez nous allons modifier notre base de données avec un nouveau paramètre nous permettant de savoir si...
Créer son site
3 899 vues
Afficher un topic
Afficher un topic de notre forumDans notre dossier f_forum, nous allons créer une nouvelle page topic.php. Cette page affichera le topique créé par un de vos utilisateur.Nous allons...
Créer son site
2 440 vues
Téléchargement et installation de PhpMyAdmin sur un serveur local ou distant
Téléchargement et Installation de PhpMyAdmin1. Téléchargement de PhpMyAdmin :Rendez-vous sur le site officiel de PhpMyAdmin à l'adresse https://www.phpmyadmin.net/.Cliquez sur le bouton de...
SQL
8 421 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
6 752 vues
Barre de recherche : Formulaire
Avant d'entamer le développement de notre barre de recherche nous allons reprendre le fichier index.php des articles précédents.Dans notre fichier index.php nous allons y...
Créer son site
Publicité
Cette pub permet au site de vivre ...