Méthodes de l’Instance Array II


Les méthodes qui existent sur le prototype de Array. Il s’agit du troisième article de la série des méthodes de tableaux. Vous pouvez lire le premier article sur les méthodes statiques d’array ici et le deuxième poste ici (partie 1 des méthodes d’instance).

dernierIndexOf

lastIndexOf vous donne le dernier index auquel un élément donné peut être trouvé. S’il n’est pas trouvé, il renvoie -1. Il peut prendre un second paramètre qui est utilisé comme fromIndex. La recherche commence en arrière à partir de l’index fourni.

const numbers = [1, 22, 123, 0, 15, 9, 88, 123, 0, 45];
console.log(numbers.lastIndexOf(2)); // -1
console.log(numbers.lastIndexOf(22)); // 1
console.log(numbers.lastIndexOf(0)); // 8
console.log(numbers.lastIndexOf(123, 4)); // 2
console.log(numbers.lastIndexOf(0, 6)); // 3
console.log(numbers.lastIndexOf(1, 1)); // 0

pop

La méthode pop supprime le dernier élément du tableau et renvoie l’élément supprimé (et non le tableau).

const numbers = [1, 22, 123, 0, 15, 9, 88, 123, 0, 45];
console.log(numbers.pop()); // 45
console.log(numbers.pop()); // 0
console.log(numbers.pop()); // 123
console.log(numbers.pop()); // 88

reverse

La méthode inverse inverse le tableau en place. Elle renvoie le tableau inversé.

🚨 Il s’agit d’une méthode mutable. Elle modifie le tableau original (similaire au tri).

const original = ['one', 'two', 'three'];
const reversed = original.reverse();
console.log(reversed); // ["three", "two", "one"]
console.log(original); // ["three", "two", "one"]

shift

La méthode de déplacement est similaire à la pop. Shift supprime un élément du début, tandis que pop supprime l’élément de la fin du tableau. Les deux méthodes renvoient l’élément supprimé.

const original = [1, 2, 3]
const firstRemoved = original.shift();
console.log(original); // [2, 3]
console.log(firstRemoved); // 1

quelques

Certaines méthodes de tableau vérifient si au moins un élément du tableau répond à la fonction de rappel ou de test.

const array = [1, 2, 3, 4, 5];
const even = (element) => element % 2 === 0; // checks whether an element is even
const greaterThanTen = (element) => element > 10; // checks whether an element is greater than 10
console.log(array.some(even)); // true
console.log(array.some(greaterThanTen)); // false

trier

La méthode de tri permet de trier le tableau en ordre croissant (en convertissant d’abord en chaîne) en place.

const months = ['March', 'Jan', 'Feb', 'Dec'];
months.sort();
console.log(months); // ["Dec", "Feb", "Jan", "March"]

const numbers = [1, 30, 4, 21, 100000];
array1.sort();
console.log(array1); // [1, 100000, 21, 30, 4]

Remarquez comment 100000 était avant 21 dans le dernier exemple. Cela se produit en raison de la conversion en chaîne de caractères avant le tri.

La méthode de tri vous permet de faire un tri personnalisé en fournissant une fonction de comparaison avec deux éléments de comparaison.

const numbers = [1, 30, 4, 21, 100000];
numbers.sort(function(a, b) {
  return a - b;
});
console.log(numbers); // [ 1, 4, 21, 30, 100000 ]

Cet exemple vous fournit le tri des numéros que vous avez pu chercher 🙂

toString

toString renvoie une chaîne de caractères à partir d’éléments de tableau

const sample = [1, 2, "Parwinder", true, "Hello", 78];
console.log(sample.toString()); // 1,2,Parwinder,true,Hello,78

unshift

La méthode du unshift est similaire à la méthode du push. La méthode push ajoute un élément à la fin d’un tableau. La méthode unshift ajoute un élément au début d’un tableau. Les deux méthodes renvoient la longueur du nouveau tableau. Aucun ne renvoie le nouveau tableau.

const numbers = [1, 2, 3];
console.log(numbers.unshift(4, 5, 6)); // 6
console.log(numbers); // [ 4, 5, 6, 1, 2, 3 ]

Pour l’instant, il ne s’agit que de tableaux. Il y a quelques méthodes peu communes qui me manquent. Au cas où vous seriez intéressé, consultez le page des méthodes de tableaux du MDN ici

Soyez le premier à commenter

Poster un Commentaire

Votre adresse de messagerie ne sera pas publiée.


*