Menu
Coddy logo textTech

Méthodes de tableau - Partie 2

Fait partie de la section Fondamentaux du Journey JavaScript de Coddy — leçon 61 sur 77.

Les tableaux disposent de plus de méthodes intégrées qui peuvent nous aider dans les tâches courantes. En voici quelques-unes :

  • sort() - trie les éléments d'un tableau.
  • reverse() - inverse l'ordre des éléments dans un tableau.
  • indexOf(element) - retourne l'index de la première occurrence d'un élément dans le tableau, ou -1 s'il n'est pas trouvé.
  • lastIndexOf(element) - retourne l'index de la dernière occurrence d'un élément dans le tableau, ou -1 s'il n'est pas trouvé.
  • includes(element) - renvoie true si le tableau contient l'élément spécifié, sinon renvoie false.

Voici un exemple de la manière d'utiliser la méthode sort :

let myArray = ["orange", "banana", "apple"];
myArray.sort();
console.log(myArray);

Cela affichera ["apple", "banana", "orange"].

Exemple de la méthode reverse :

let myArray = [1, 2, 3, 4, 5];
myArray.reverse();
console.log(myArray);

Cela affichera [5, 4, 3, 2, 1].

Exemple de la méthode indexOf :

let myArray = [10, 20, 30, 40, 50, 30];
let index = myArray.indexOf(30);
console.log(index);

Cela affichera 2.

Exemple de la méthode lastIndexOf :

let myArray = [10, 20, 30, 40, 50, 30];
let index = myArray.lastIndexOf(30);
console.log(index);

Cela affichera 5.

Exemple de la méthode includes :

let myArray = ["apple", "banana", "orange"];
let hasBanana = myArray.includes("banana");
console.log(hasBanana);

Cela affichera true.

challenge icon

Défi

Facile

Créez une fonction nommée findElement qui reçoit deux arguments :

  • Un tableau de nombres
  • Un nombre à rechercher

La fonction doit faire ce qui suit :

  1. Vérifier si le tableau contient le nombre en utilisant la méthode includes.
  2. Si le nombre est trouvé, renvoyer l'index de sa première occurrence en utilisant la méthode indexOf.
  3. Si le nombre n'est pas trouvé, renvoyer -1.

Par exemple :

  • findElement([1, 2, 3, 4, 5], 3) devrait retourner 2
  • findElement([1, 2, 3, 4, 5], 6) devrait retourner -1

Aide-mémoire

Les tableaux JavaScript disposent de plusieurs méthodes intégrées pour les opérations courantes :

  • sort() - trie les éléments d'un tableau
  • reverse() - inverse l'ordre des éléments dans un tableau
  • indexOf(element) - renvoie l'index de la première occurrence d'un élément, ou -1 s'il n'est pas trouvé
  • lastIndexOf(element) - renvoie l'index de la dernière occurrence d'un élément, ou -1 s'il n'est pas trouvé
  • includes(element) - renvoie true si le tableau contient l'élément, sinon false

Exemples :

let fruits = ["orange", "banana", "apple"];
fruits.sort(); // ["apple", "banana", "orange"]

let numbers = [1, 2, 3, 4, 5];
numbers.reverse(); // [5, 4, 3, 2, 1]

let arr = [10, 20, 30, 40, 50, 30];
arr.indexOf(30); // 2 (première occurrence)
arr.lastIndexOf(30); // 5 (dernière occurrence)
arr.includes(30); // true

Essayez vous-même

function findElement(arr, num) {
    // Écrire le code ici
}
quiz iconTestez-vous

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