Méthodes de l’instance d’array


Les méthodes qui existent sur le prototype de Array

Concat

Retours et tableau joints (concaténés) avec un autre tableau ou des valeurs.

const array1 = ["a", "b", "c"];
const array2 = ["d", "e", "f"];
const array3 = array1.concat(array2);

console.log(array3); // ["a", "b", "c", "d", "e", "f"]

Vous pouvez également concaténer des valeurs à un tableau.

const letters = ["a", "b", "c"];
const alphaNumeric = letters.concat(1, [2, 3]);
console.log(alphaNumeric); // ["a", "b", "c", 1, 2, 3]

Ou concaténer des réseaux imbriqués.

const num1 = [[1]];
const num2 = [2, [3]];
const numbers = num1.concat(num2);

console.log(numbers); // [[1], 2, [3]]

// modify the first element of num1
num1[0].push(4);
console.log(numbers); // [[1, 4], 2, [3]]

Entrées

Il est relativement courant d’utiliser la méthode entries ou keys ou values sur un objet, mais ils sont également supportés par des tableaux.

Entries renvoie un iterator avec le couple clé/valeur.

const array1 = ["a", "b", "c"];
const iterator = array1.entries();

console.log(iterator.next().value); // [0, "a"]
console.log(iterator.next().value); // [1, "b"]

Clés

Keys renvoie un iterator avec des clés.

const array1 = ["a", "b", "c"];
const iterator = array1.keys();

console.log(iterator.next().value); // 0
console.log(iterator.next().value); // 1
console.log(iterator.next().value); // 2

Valeurs

const array2 = ["a", "b", "c"];
const i = array2.values();

console.log(i.next().value); // a
console.log(i.next().value); // b
console.log(i.next().value); // c

Comprend

Includes vérifie si un tableau contient un élément et renvoie un résultat vrai ou faux.

const array1 = [1, 2, 3];
console.log(array1.includes(3)); // true
console.log(array1.includes(4)); // false

const pets = ["cat", "dog", "bat"];
console.log(pets.includes("cat")); // true
console.log(pets.includes("at")); // false

La méthode de l’inclusion prend également index comme deuxième paramètre. Le second paramètre permet à la méthode include de vérifier une valeur dans un tableau dont l’indice est supérieur ou égal à l’indice fourni.

let example = ["a", "b", "c"]

example.includes("b", 3); // false
example.includes("b", 100); // false
example.includes("b", 1); // true

indexOf

indexOf renvoie le premier indice de l’élément donné s’il est présent dans le tableau. Si ce n’est pas le cas, elle renvoie -1. Les gens l’ont utilisée pour vérifier si un élément existe dans un tableau avant ES6. Il n’y a pas de besoin spécifique d’utiliser indexOf lorsque des inclusions existent.

Utilisez la méthode includes() pour vérifier si l’élément est présent dans le tableau. Si vous avez besoin de savoir où se trouve l’élément dans le tableau, vous devez utiliser la méthode indexOf().

var array = [2, 9, 9];
array.indexOf(2); // 0
array.indexOf(7); // -1
array.indexOf(9, 2); // 2
array.indexOf(2, -1); // -1
array.indexOf(2, -3); // 0

findIndex

À ce stade, vous avez appris indexOf et includes pour trouver un élément ou un index. findIndex est quelque peu similaire. findIndex vous fournit l’indice du premier élément qui satisfait à une fonction de rappel ou de test.

indexOf attend la valeur que vous recherchez comme paramètre. findIndex recherche une fonction de rappel ou de test comme paramètre. Je suggère d’utiliser indexOf dans des tableaux avec des types primitifs comme des chaînes de caractères, des nombres ou des booléens. Utilisez findIndex lorsque vous traitez des types non primitifs comme des objets, et votre condition de recherche est relativement compliquée.

const fruits = ["apple", "banana", "cantaloupe", "blueberries", "grapefruit"];
const index = fruits.findIndex(fruit => fruit === "blueberries");

console.log(index); // 3
console.log(fruits[index]); // blueberries

Trouvez

Je crois que vous pensez que je vous traîne avec toutes ces méthodes qui find si l’indice ou la valeur existe dans un tableau. Ils présentent tous une différence très subtile, et j’ai énuméré les différences dans la description de chaque méthode.

Le find La méthode retourne le valeur du premier élément qui correspond au rappel ou à la condition de test. find vous donne de la valeur et findIndex vous permet d’obtenir un index. 🙂

const array = [7, 33, 47, 99, 2, 103, 79];
const found = array.find(element => element > 10);
console.log(found); // 33

Rejoignez

join est une méthode relativement courante et fréquemment utilisée. Elle crée et renvoie une chaîne de caractères en concaténant tous les éléments d’un tableau. Vous pouvez joindre tous les éléments ou fournir un séparateur pour les relier. Par défaut, la méthode utilise une virgule (,) comme séparateur.

const fruits = ["Apple", "Banana", "Raspberry"];

console.log(fruits.join()); // Apple,Banana,Raspberry
console.log(fruits.join("")); // AppleBananaRaspberry
console.log(fruits.join("|")); // Apple|Banana|Raspberry

Soyez le premier à commenter

Poster un Commentaire

Votre adresse de messagerie ne sera pas publiée.


*