Méthodes de tableau JavaScript que vous devez connaître

Les tableaux sont un élément essentiel de la programmation JavaScript, offrant un moyen puissant de stocker et de manipuler des collections de données. Dans cet article, nous explorerons dix-huit méthodes de tableau fondamentales que tout programmeur JavaScript devrait connaître pour écrire un code plus efficace et plus clair.

1. Poussez

La méthode arr.push(..element) ajoute un nouvel élément à la fin d'un tableau et renvoie la nouvelle longueur du tableau. Cette méthode modifie le tableau d'origine.

Syntaxe :

arr.push(element1, element2, …)

Exemple :

let arr = [1, 2, 3];
arr.push(4); // arr agora é [1, 2, 3, 4]

2. Pop

La méthode arr.pop() supprime le dernier élément d'un tableau et renvoie l'élément supprimé. Cette méthode modifie également le tableau d'origine et sa longueur.

Syntaxe :

arr.pop()

Exemple :

let arr = [1, 2, 3, 4];
arr.pop(); // arr agora é [1, 2, 3]

3. Changement

La méthode arr.shift() supprime le premier élément d'un tableau et renvoie l'élément supprimé. Cette méthode modifie également la longueur du tableau d'origine.

Syntaxe :

arr.shift()

Exemple :

let arr = [1, 2, 3, 4];
arr.shift(); // arr agora é [2, 3, 4]

4. Annuler le décalage

La méthode arr.unshift(elements) ajoute un ou plusieurs éléments au début d'un tableau et renvoie la nouvelle longueur du tableau.

Syntaxe :

arr.unshift(item1, item2, …)

Exemple :

let arr = [2, 3, 4];
arr.unshift(1); // arr agora é [1, 2, 3, 4]

5. Épissure

La méthode arr.splice() modifie le tableau d'origine en supprimant, remplaçant ou ajoutant des éléments.

Syntaxe :

array.splice(start[, deleteCount[, item1[, item2[, ...]]]])

Exemple :

let arr = [1, 2, 3, 4];
arr.splice(1, 1); // arr agora é [1, 3, 4]

6. Tranche

La méthode arr.slice() sélectionne une partie d'un tableau et renvoie un nouveau tableau avec les éléments copiés de l'index du début à la fin. Le tableau d'origine n'est pas modifié.

Syntaxe :

arr.slice(start, end)

Exemple :

let arr = [1, 2, 3, 4];
let newArr = arr.slice(1, 3); // newArr é [2, 3]

7. Comprend

La méthode arr.includes(item, index) vérifie si l'élément est présent dans le tableau à partir de l'index donné et renvoie vrai s'il est trouvé, sinon il renvoie faux.

Syntaxe :

arr.includes(item, index)

Exemple :

let arr = [1, 2, 3, 4];
arr.includes(3); // true

8. pour chaque

La méthode arr.forEach() exécute une fonction donnée une fois pour chaque élément du tableau.

Syntaxe :

arr.forEach(callback)

Exemple :

let arr = [1, 2, 3, 4];
arr.forEach(num => console.log(num)); // imprime 1, 2, 3, 4

9. Rejoignez

La méthode arr.join(separator) crée une chaîne avec tous les éléments d'un tableau concaténés, séparés par un délimiteur spécifique.

Syntaxe :

arr.join(separator)

Exemple :

let arr = [1, 2, 3, 4];
arr.join('-'); // "1-2-3-4"

10. àChaîne

La méthode arr.toString() convertit un tableau en chaîne et renvoie le résultat.

Syntaxe :

arr.toString()

Exemple :

let arr = [1, 2, 3, 4];
arr.toString(); // "1,2,3,4"

11. Carte

La méthode map() appelle une fonction de rappel sur chaque élément du tableau d'origine et renvoie un nouveau tableau avec les résultats. Il s'agit d'une méthode non mutante.

Syntaxe :

  arr.map(function callback(currentValue, index, array) {
    // Retorna um novo valor
  })

Exemple :

let arr = [1, 2, 3, 4];
let doubled = arr.map(num => num * 2); // [2, 4, 6, 8]

12. Réduire

La méthode réduire() applique une fonction à un accumulateur et à chaque élément du tableau (de gauche à droite) pour réduire à une valeur unique.

Syntaxe :

arr.reduce(function callback(accumulator, currentValue, index, array) {
  // Retorna o valor acumulado
}, initialValue)

Exemple :

let arr = [1, 2, 3, 4];
let sum = arr.reduce((acc, num) => acc + num, 0); // 10

13. Filtrer

La méthode filter() crée un nouveau tableau avec tous les éléments ayant réussi le test implémenté par la fonction fournie.

Syntaxe :

arr.filter(function callback(element, index, array) {
  // Retorna true para manter o elemento
})

Exemple :

let arr = [1, 2, 3, 4];
let even = arr.filter(num => num % 2 === 0); // [2, 4]

14. Trier

La méthode sort() organise les éléments d'un tableau par ordre croissant ou selon la fonction de comparaison fournie.

Syntaxe :

arr.sort([compareFunction])

Exemple :

let arr = [4, 2, 3, 1];
arr.sort(); // [1, 2, 3, 4]

15.Trouver

La méthode find() renvoie le premier élément du tableau qui satisfait à la fonction de test donnée.

Syntaxe :

arr.find(function callback(element, index, array) {
  // Retorna true para encontrar o elemento
})

Exemple :

let arr = [1, 2, 3, 4];
let found = arr.find(num => num > 2); // 3

16. IndexDe

La méthode indexOf() renvoie le premier index auquel un élément donné peut être trouvé dans le tableau, ou -1 si l'élément n'est pas présent.

Syntaxe :

arr.indexOf(searchElement, fromIndex)

Exemple :

let arr = [1, 2, 3, 4];
let index = arr.indexOf(3); // 2

17. Ajouter

La méthode some() teste si au moins un élément du tableau réussit la fonction de test implémentée.

Syntaxe :

arr.some(function callback(element, index, array) {
  // Retorna true se pelo menos um elemento passar no teste
})

Exemple :

let arr = [1, 2, 3, 4];
let hasEven = arr.some(num => num % 2 === 0); // true

18. Concat

O método concat() é usado para mesclar dois ou mais arrays.

Sintaxe:

arr.concat(array2, array3, ..., arrayN)

Exemplo:

let arr1 = [1, 2];
let arr2 = [3, 4];
let merged = arr1.concat(arr2); // [1, 2, 3, 4]

Esses métodos são fundamentais para trabalhar com arrays em JavaScript. Dominar esses métodos permitirá que você manipule dados de forma mais eficiente e escreva códigos mais limpos e legíveis. Feliz codificação!

Referências:

• 10 Important JavaScript Array Methods You Must Know
• Lists of Top 10 JavaScript array methods a beginner Js developer should know

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!