Apprentissage du tableau JS : parcourir le tableau et doubler toutes les valeurs des éléments

Dans l'article précédent, nous avons découvert deux méthodes d'itération de tableaux. Si vous êtes intéressé, vous pouvez cliquer sur le lien pour lire → "Apprentissage des tableaux JS : itérer des tableaux pour calculer la somme des éléments et concaténer des valeurs en chaînes. ". Cette fois, nous continuons à apprendre les tableaux JavaScript et voyons comment parcourir le tableau et traiter chaque élément du tableau (par exemple, toutes les valeurs sont doublées). Les amis dans le besoin peuvent en apprendre davantage ~

Parcourir le tableau). , la première chose qui vient à l'esprit La méthode consiste à utiliser la boucle for, à l'aide de laquelle nous pouvons facilement doubler toutes les valeurs des éléments ​​​​(c'est-à-dire multiplier par 2)

var a = [5,10,20];
for(var i=0;i<a.length;i++){
	a[i]=2*a[i];
}
console.log(a);

Résultat de sortie :

Vous pouvez également utiliser l'instruction for in pour parcourir le tableau. Dans la structure de la boucle for/in, la variable i représente l'indice du tableau et a[i] est la valeur de l'élément qui peut lire l'indice spécifié.

var a = [10,20,30];
for(var i in a){
	a[i]=2*a[i];
}
console.log(a);

Résultat de sortie :

Vous pouvez également utiliser la méthode forEach() mentionnée dans l'article précédent pour parcourir le tableau Cette méthode peut appeler chaque élément du tableau et transmettre l'élément à la fonction de rappel. .

var a = [20,30,40];
function f(value) {
	console.log(value*2);
}
a.forEach(f);

Résultats de sortie :

Vous pouvez également utiliser la méthode map() pour parcourir le tableau La méthode map() peut appeler la fonction de rappel spécifiée pour chaque élément du tableau et renvoyer un tableau contenant. les résultats.

array.map(function callbackfn (value, index, array), thisArg);

function callbackfn (value, index, array) : Une fonction de rappel qui accepte jusqu'à trois paramètres :

• value : La valeur de l'élément du tableau.

• index : Index numérique de l'élément du tableau.

• array : Objet tableau contenant l'élément.

Apprenons-en davantage à travers des exemples de code :

Exemple 1 : Doublez toutes les valeurs des éléments (c'est-à-dire multipliez par 2)

var a = [30,40,50];
function f(value) {
	return value*2;
}
var a1=a.map(f);
console.log(a1);

Résultats de sortie :

Exemple 2 : Utilisez JavaScript intégré dans les méthodes Comme fonction de rappel

var a = [9, 16];
var a1 = a.map(Math.sqrt);
console.log(a1);  //3,4

D'accord, c'est tout Si vous en avez besoin, vous pouvez regarder : tutoriel vidéo javascript

.

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!