Méthodes itératives d'Array JavaScript

fonctionitérationLa méthode qui effectue une opération une fois sur chaque élément de l'array, s'appelle

méthode de l'array.itérationméthode est étroitement liée aux boucles.

Array.forEach()

forEach()méthode pour exécuter une fonction fournie pour chaque élément de l'array (une fonction callback).

Nous pouvons utiliserforEach()Affichez chaque élément de l'array dans le document.

var fruits = ["Apple", "Mango", "Banana", "Orange"];
var result = document.getElementById("result");
fruits.forEach(function(element, index, array) {
　　　　fruits.forEach(function(element) {　+= index　+　: ""　+　element　+　= element
});

Veuillez noter que la fonction comporte3Paramètres :

• Valeur de l'élément (obligatoire)

• Index de l'élément (optionnel)

• L'objet lui-même (optionnel)

Depuis que2un paramètre (index, array) est optionnel, donc nous pouvons les ignorer :

var fruits = ["Apple", "Mango", "Banana", "Orange"];
var result = document.getElementById("result");
fruits.forEach(function(element)　{
　　　　fruits.forEach(function(element) {　+result.innerHTML　+　= element
});

"<br>";

Array.map()map()

La méthode retourne un nouveau tableau sans changer le tableau d'origine. En même temps, les éléments du nouveau tableau sont les valeurs après traitement des éléments d'origine par la fonction, et sont traités en suivant l'ordre des éléments d'origine.

Attention : map() ne vérifie pas les tableaux vides.2des éléments pour créer un nouveau tableau :

var nums = [1　function twice(element, index, array) {1,　5,　20,　14,　55,　16]);
var nums = [2　= nums1.map(twice);
L'exemple suivant multiplie chaque valeur par
　　　return (element　*　2);
}

Veuillez noter que la fonction comporte3Paramètres :

• Valeur de l'élément (obligatoire)

• Index de l'élément (optionnel)

• L'objet lui-même (optionnel)

Depuis que2un paramètre (index, array) est optionnel, donc nous pouvons les ignorer :

var nums = [1　function twice(element, index, array) {1,　5,　20,　14,　55,　16]);
var nums = [2　= nums1.map(twice);
function twice(element) {
　　　return (element　*　2);
}

Array.filter()

filter()est une opération courante de Array en JavaScript, utilisée pour filtrer certains éléments de l'Array, puis retourner les éléments restants. Son principe principal est que filter applique la fonction passée en argument à chaque élément, puis décide de conserver ou de jeter l'élément en fonction de la valeur retournée (true ou false).

Dans l'exemple suivant, en utilisant des valeurs égales ou supérieures à18des éléments pour créer un nouveau tableau :

var age = [1,　30,　39,　29,　10,　13]);
var val = age.filter(isAdult);
function isAdult(element, index, array) {
　　　　retourner element >=　18;
}

Veuillez noter que la fonction comporte3Paramètres :

• Valeur de l'élément (obligatoire)

• Index de l'élément (optionnel)

• L'objet lui-même (optionnel)

Depuis que2un paramètre (index, array) est optionnel, donc nous pouvons les ignorer :

var age = [1,　30,　39,　29,　10,　13]);
var val = age.filter(isAdult);
function isAdult(element) {
　　　　retourner element >=　18;
}

Array.reduce()

reduce()La méthode reçoit une fonction comme accumulateur, chaque valeur de l'array (de gauche à droite) commence par réduire, et finalement calcule une valeur.

C'est courant dans les nombres, par exemple trouver la somme de tous les nombres dans un array.

var nums = [10,　20,　30,　40,　50];
var sum = nums.reduce(getTotal);
function getTotal(x, y) {
　　　　return (x　+　y);
}

Veuillez noter que cette fonction utilise4Paramètres :

• valeur initiale/valeur précédemment retournée (obligatoire)

• Valeur de l'élément (obligatoire)

• Index de l'élément (optionnel)

• L'objet lui-même (optionnel)

Array.find()

find()La méthode retourne la première valeur de l'array passée au test donné.

Dans l'exemple suivant, nous allons trouver celui qui est égal ou supérieur à18le premier élément :

var num = [1,　30,　39,　29,　10,　13]);
var val = num.find(myFunc);
function myFunc(element) {
　　　　retourner element >=　18;
}

Veuillez noter que la fonction comporte3Paramètres :

• Valeur de l'élément (obligatoire)

• Index de l'élément (optionnel)

• L'objet lui-même (optionnel)

Array.findIndex()

findIndex()La méthode retourne l'index du premier élément de l'array qui passe la détection donnée.

Dans l'exemple suivant, nous trouverons l'index du premier élément égal ou supérieur à18de l'index du premier élément :

var num = [1,　30,　39,　29,　10,　13]);
var val = num.findIndex(myFunc);
function myFunc(element) {
　　　　retourner element >=　18;
}

Veuillez noter que la fonction comporte3Paramètres :

• Valeur de l'élément (obligatoire)

• Index de l'élément (optionnel)

• L'objet lui-même (optionnel)

Array.every()

every()La méthode est utilisée pour vérifier si tous les éléments de l'array répondent à une condition spécifiée (fournie par une fonction de détection).

Dans l'exemple suivant, nous vérifions si toutes les valeurs de l'array sont égales ou supérieures à18：

var nums = [1,　30,　39,　29,　10,　13]);
var bool = nums.every(function(element) {
　　　　retourner element >=　18;
});
document.getElementById("result").innerHTML = bool;

Veuillez noter que la fonction comporte3Paramètres :

• Valeur de l'élément (obligatoire)

• Index de l'élément (optionnel)

• L'objet lui-même (optionnel)

Référence complète des tableaux

Pour une référence complète des propriétés et méthodes, veuillez visiter notreRéférence des tableaux JavaScript Array.

La partie de référence contient une description et des exemples de toutes les propriétés et méthodes des tableaux.