Maison > interface Web > Questions et réponses frontales > Comment modifier chaque élément du tableau es6

Comment modifier chaque élément du tableau es6

青灯夜游
Libérer: 2022-05-05 15:34:38
original
2786 Les gens l'ont consulté

Deux méthodes : 1. Utilisez forEach() pour transmettre chaque élément dans la fonction de rappel pour modification. La syntaxe est "arr.forEach(function f(v){//modify v and output}". 2, utilisez map( ) pour transmettre chaque élément dans la fonction de rappel pour modification, et enfin sortir le tableau traité

Comment modifier chaque élément du tableau es6

L'environnement d'exploitation de ce tutoriel : système Windows 7, ECMAScript version 6, ordinateur Dell G3

En es6, vous. peut utiliser les deux méthodes suivantes pour modifier chaque élément du tableau

  • forEach() : Chaque élément du tableau exécute la fonction de rappel une fois

  • map() : Traitez le tableau via la fonction spécifiée de Chaque élément de. le tableau et renvoie le tableau traité.

1. Utilisez la fonction forEach()

la méthode forEach() est utilisée pour appeler chaque élément du tableau et transmettre l'élément à la fonction de rappel. à chaque élément du tableau

var arr = [4, 9, 16, 25];
console.log("原数组:"+arr);
arr.forEach(function myFunction(item) {
	console.log("新数组:"+(item+1));
});
Copier après la connexion

Comment modifier chaque élément du tableau es6

2. Utilisez la fonction map()

map() pour renvoyer un nouveau tableau. Les éléments du tableau sont les valeurs des éléments du tableau d'origine après. appeler la fonction.

Exemple : ajoutez 3 à chaque élément du tableau

var arr = [4, 9, 16, 25];
console.log("原数组:"+arr);
var a1=arr.map(function myFunction(item) {
	 return item+3;
});
console.log("新数组:"+a1);
Copier après la connexion

Comment modifier chaque élément du tableau es6[Recommandations associées :

tutoriel vidéo javascript

, front-end web]

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!

Étiquettes associées:
es6
source:php.cn
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