Maison > interface Web > js tutoriel > le corps du texte

Méthodes de tableau en javascript.

WBOY
Libérer: 2024-08-13 20:32:40
original
424 Les gens l'ont consulté

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!

source:dev.to
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal