Méthodes de tableau - Partie 1
Fait partie de la section Fondamentaux du Journey JavaScript de Coddy — leçon 60 sur 77.
Les tableaux regorgent de nombreuses méthodes (fonctionnalités). Pour accéder à une méthode, écrivez :
someArray.method()Voici une liste des méthodes de base :
push(element)- ajoute un élément à la fin du tableaupop()- supprime un élément de la fin du tableau et le retourne
shift(element)- supprime un élément au début du tableau et le renvoieunshift(element)- ajoute un élément au début du tableau
Voici un exemple de la manière d'utiliser la méthode push :
let myArray = ["orange", "banana", "apple"];
myArray.push("strawberry");
console.log(myArray);Cela affichera ["orange", "banana", "apple", "strawberry"].
Exemple de la méthode pop :
let myArray = [1, 2, 3, 4, 5];
let lastElement = myArray.pop();
console.log(myArray);
console.log(lastElement);Cela affichera [1, 2, 3, 4] et 5.
Exemple de la méthode shift :
let myArray = [1, 2, 3, 4, 5];
let firstElement = myArray.shift();
console.log(myArray);
console.log(firstElement);Cela affichera [2, 3, 4, 5] et 1.
Exemple de la méthode unshift :
let myArray = [1, 2, 3, 4, 5];
myArray.unshift(0);
console.log(myArray);Cela affichera [0, 1, 2, 3, 4, 5].
Défi
FacileCréez une fonction nommée swapEnds qui reçoit un argument :
- Un tableau
La fonction échange le premier et le dernier élément du tableau et renvoie le tableau modifié.
Par exemple avec les arguments suivants : swapEnds([1, 2, 3, 4]) la fonction retournera [4, 2, 3, 1]
Aide-mémoire
Les tableaux disposent de méthodes pour ajouter et supprimer des éléments :
push(element)- ajoute un élément à la fin du tableaupop()- supprime un élément de la fin du tableau et le retourneshift()- supprime un élément du début du tableau et le retourneunshift(element)- ajoute un élément au début du tableau
Exemples :
let myArray = ["orange", "banana", "apple"];
myArray.push("strawberry"); // ["orange", "banana", "apple", "strawberry"]
let lastElement = myArray.pop(); // retourne "strawberry"
let firstElement = myArray.shift(); // retourne "orange"
myArray.unshift("grape"); // ajoute "grape" au débutEssayez vous-même
function swapEnds(arr) {
// Écrivez le code ici
}Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Toutes les leçons de Fondamentaux
4Opérateurs Partie 2
Opérateurs logiques Partie 1Opérateurs logiques Partie 2Récapitulatif - Logique simpleOpérateurs logiques Partie 3Coercion de type7Calculateur de partage d'addition
Message de bienvenueCalcul du pourboire et du total10FizzBuzz avec une variante
Présentation du jeuLa fonction FizzBuzz13Suivi de liste de courses
Présentation du projetAjouter un article2Variables
NombresChaînes de caractèresBooléensConventions de nommageVariables videsRécapitulatif - Initialiser des variablesConstantes5Prise de décision
L'instruction IfIf - ElseRécapitulatif - Calculatrice simpleIf - Else imbriquésL'instruction Switch8Boucles
Boucle ForBoucle WhileBreakContinueRécapitulatif - FactorielleBoucle Do WhileBoucles imbriquées11Les tableaux - Partie 1
Déclarer un tableauAccéder aux éléments d'un tableauModifier des tableauxMéthodes de tableau - Partie 1Méthodes de tableau - Partie 2Récapitulatif - Processeur de tableaux3Opérateurs - Partie 1
Opérateurs arithmétiquesOpérateur moduloRaccourcis arithmétiquesOpérateurs de comparaisonÉgalité stricte vs faibleRécapitulatif - Mathématiques simples6Entrées/Sorties de base
SortieSortie avec des variablesConversion de type - Partie 1Conversion de type - Partie 2Récapitulatif - Jusqu'à 120Récapitulatif - Vrai ou Faux