Maison  >  Article  >  interface Web  >  Méthodes de tableau en javascript.

Méthodes de tableau en javascript.

WBOY
WBOYoriginal
2024-08-13 20:32:40379parcourir

Array methods in javascript.

Il existe quelques méthodes dans le tableau

1.push()
2.unshift()
3.pop()
4.shift()
5.splice()
6.slice()
7.indexOf()
8.includes()
9.forEach()
10.map()
11.filter()
12.find()
13.certains()
14.chaque()
15.concat()
16.join()
17.sort()
18.réduire()

1 méthode Push()

*Ajouter un nouvel élément à la dernière position.

syntaxe

array.push(element1, element2, ..., elementN)

Exemple

laisser fruits = ['pomme', 'banane'];
let newLength = fruits.push('orange', 'mango');

console.log(fruits); // Sortie : ['pomme', 'banane', 'orange', 'mangue']
console.log(newLength); // Sortie : 4

2 méthode unshift()

*Ajouter un nouvel élément à la position initiale.

syntaxe

array.unshift(item1, item2, ..., itemN)

Exemple

const fruits = ["Banane", "Orange", "Pomme"];
fruits.unshift("Citron");
console.log(fruits); // Sortie : ["Citron", "Banane", "Orange", "Pomme"]

3 méthodes pop()

*Cela supprimera votre dernier élément.
*Il renverra l'élément supprimé du tableau
*"non défini" si le tableau est vide

syntaxe

array.pop();

Exemple

const fruits = ['Pomme', 'Banane', 'Cerise'];
const lastFruit = fruits.pop();
console.log(fruits); // Sortie : ['Pomme', 'Banane']
console.log(dernierFruit); // Sortie : 'Cerise'

4 méthode shift()

*Cela supprimera votre premier élément.
*Il renverra l'élément supprimé du tableau

syntaxe

array.shift();

Exemple

const fruits = ['Pomme', 'Banane', 'Cerise'];
const firstFruit = fruits.shift();
console.log(fruits); // Sortie : ['Banane', 'Cerise']
console.log(premierFruit); // Sortie : 'Pomme'

5 méthode splice()

*Ajoute ou supprime des éléments d'un tableau.

*splice() modifiera le tableau d'origine.

syntaxe

array.splice(start, deleteCount, item1, item2, ...);

Exemple

soit couleurs = ['Rouge', 'Vert', 'Bleu'];
couleurs.splice(1, 0, 'Jaune', 'Rose'); // Ajoute 'Jaune' et 'Rose' à l'index 1
console.log(couleurs); // Sortie : ['Rouge', 'Jaune', 'Rose', 'Vert', 'Bleu']

6 méthode slice()

*Il sert à extraire (donner) la partie de tableau.
*la tranche renverra un tableau.
*slice ne modifiera pas le tableau d'origine.

syntaxe

array.slice(début, fin);

Exemple

soit nombres = [2, 3, 5, 7, 11, 13, 17];
laissez newArray = number.slice(3, 6);
console.log(newArray); // Sortie : [7, 11, 13]

7 Méthode indexOf()

*La méthode indexOf() en JavaScript est utilisée pour trouver 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

array.indexOf(searchElement, fromIndex);

Exemple

laissez fruits = ['Pomme', 'Banane', 'Orange', 'Banane'];
let index = fruits.indexOf('Banana');
console.log(index); // Sortie : 1

8 méthode include()

*Il est utilisé pour identifier certains éléments présents ou non dans notre tableau.
*Si l'élément est présent, il renverra "true", sinon "false".
*Il renverra une valeur booléenne.

syntaxe

array.includes(searchElement, fromIndex);

Exemple

soit nombres = [1, 2, 3, 4, 5];
let hasThree = number.includes(3, 2);
console.log(hasThree); // Sortie : vrai

9 Méthode forEach()

  • Exécute la fonction pour chaque élément.
  • Ne crée pas de nouveau tableau.
  • Le tableau d'origine reste inchangé.

Exemple

soit nombres = [1, 2, 3];
nombres.forEach((valeur, index, arr) => {
arr[index] = valeur * 2;
});
console.log(nombres); // Sortie : [2, 4, 6]

10Méthode map()

  • Il prend chaque élément d'un tableau.
  • La sortie du tableau de cartes est toujours uniquement un tableau.
  • Cela ne changera pas le tableau d'origine
  • Crée un nouveau tableau.

Exemple

nombres constants = [10, 20, 30];
const incrémenté = nombres.map((num, index) => num + index);
console.log (incrémenté); // Sortie : [10, 21, 32]

11 méthode filtre()

  • Il est utilisé pour filtrer des éléments ou des données du tableau en fonction de certaines conditions.
    • S'il renvoie « vrai », quelles que soient les données stockées dans ce paramètre, ces données seront renvoyées.
    • S'il renvoie 'false', il ne renverra aucune valeur, il renvoie un tableau vide
    • Crée un nouveau tableau.
    • Le tableau d'origine reste inchangé.

Exemple

nombres constants = [1, 2, 3, 4, 5, 6];
const evenNumbers = number.filter(num => num % 2 === 0);
console.log(evenNumbers); // Sortie : [2, 4, 6]

12 Méthode find()

  • Il renvoie le premier élément du tableau pour lequel la fonction de rappel renvoie vrai.
    • Il renvoie « non défini » si l'élément est faux ou ne satisfait pas.
    • Le tableau d'origine reste inchangé.

Exemple

nombres constants = [1, 3, 4, 9, 8];

fonction isEven(element) {
élément de retour % 2 === 0;
>

const firstEven = number.find(isEven);
console.log(firstEven); // Sortie : 4

13 méthode some()

  • Renvoie vrai si au moins un élément réussit le test.
  • Renvoie false si aucun élément ne réussit le test.
  • Arrête les tests une fois que le premier élément réussi est trouvé. *Le tableau d'origine reste inchangé.

Exemple

nombres constants = [2, 4, 6, 8, 10];

const hasGreaterThanFive = number.some(num => num > 5);
console.log(hasGreaterThanFive); // Sortie : vrai

14 méthode chaque()

  • Il teste tous les éléments du tableau si toutes les conditions sont satisfaites alors ça revient vrai.
  • Si une condition n'est pas satisfaite, elle renvoie false.
  • Le tableau d'origine reste inchangé.

Exemple

nombres const = [10, 20, 30, 40, 50];

const allGreaterThanFive = number.every(num => num > 5);
console.log(allGreaterThanFive); // Sortie : vrai

15 Méthode concat()

*Combine deux tableaux ou plus et renvoie un nouveau tableau.

Exemple

const fruits = ['Pomme', 'Banane'];
const légumes = ['Carotte', 'Pois'];
const grains = ['Riz', 'Blé'];

const food = fruits.concat(légumes, céréales);
console.log(nourriture); // Sortie : ['Pomme', 'Banane', 'Carotte', 'Pois', 'Riz', 'Blé']

16 méthode join()

*Créez une nouvelle chaîne en concaténant tous les éléments d'un tableau et
renvoie une chaîne par un séparateur spécifié.

Exemple

lettres const = ['J', 'o', 'i', 'n'];
résultat const = lettres.join('');
console.log(résultat); // Sortie : 'Rejoindre'

17 méthode sort()

*Il est utilisé pour disposer l'élément d'un tableau en place et renvoyer le tableau trié.

  • Par défaut, la méthode de tri trie l'élément sous forme de chaînes par ordre croissant.

Exemple1

nombres constants = [4, 2, 5, 1, 3];
nombres.sort((a, b) => a - b);
console.log(nombres); // Sortie : [1, 2, 3, 4, 5]

Exemple2

nombres constants = [4, 2, 5, 1, 3];
nombres.sort((a, b) => b - a);
console.log(nombres); // Sortie : [5, 4, 3, 2, 1]

18 Méthode réduire()

  • effectuez quelques opérations et réduisez le tableau à une seule valeur.

Exemple

soit nombre = [1, 2, 3, 4, 5];
soit sum = number.reduce((accumulator, currentValue) => {
retourner l'accumulateur + currentValue ;
}, 0);

console.log(somme);

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn