Maison >interface Web >Voir.js >Quelle est l'utilité de l'instruction foreach dans vue
Dans vue, l'instruction foreach est principalement utilisée pour appeler chaque élément du tableau et transmettre l'élément à la fonction de rappel. La syntaxe est "array.forEach(function(currentValue, index, array), thisValue)".
L'environnement d'exploitation de cet article : système Windows 10, Vue version 2.9.6, ordinateur DELL G3.
forEach() est une méthode d'exploitation de tableaux dans le développement front-end. Sa fonction principale est de parcourir le tableau. Il s'agit en fait d'une version améliorée de cette instruction. nécessite une fonction de rappel en tant que paramètre. Les paramètres formels de la fonction de rappel sont : 1. value : parcourt le contenu du tableau ; 2. index : l'index du tableau correspondant, 3. array : le tableau lui-même.
Dans le projet Vue, la boucle de l'étiquette utilise v-for et la boucle de la méthode utilise forEach.
1. Principe d'utilisation de forEach()
La méthode forEach() sert principalement à appeler chaque élément du tableau et à passer l'élément à la fonction de rappel. Il convient de noter que la méthode forEach() n'exécutera pas la fonction de rappel pour un tableau vide.
forEach : Array.prototype.forEach, une méthode uniquement disponible pour les tableaux, qui équivaut à une boucle for traversant le tableau. Utilisation : arr.forEach(function(item,index,array){...}), la fonction de rappel a 3 paramètres, item est l'élément actuellement parcouru, index est l'indice de l'élément actuellement parcouru, array est le tableau lui-même . La méthode
forEach n'ignorera pas les éléments nuls et non définis. Par exemple, les quatre éléments du tableau [1, undefine, null,, 2] seront parcourus. Faites attention à la différence avec la carte.
2. Syntaxe forEach()
array.forEach(function(currentValue, index, array), thisValue)
Exemple :
array.forEach(function(item,index,array){ ... })
forEach() Autre contenu connexe
continue et break de forEach() : forEach() lui-même ne prend pas en charge les instructions continue et break, mais cela peut être traversé certains et chacun pour atteindre.
La différence entre forEach() et map : forEach() n'a pas de valeur de retour et est essentiellement équivalent à une boucle for, exécutant la fonction function sur chaque élément. Autrement dit, map renvoie un nouveau tableau et le tableau d'origine reste inchangé, tandis que forEach modifie le tableau d'origine.
Comparaison entre forEach() et for boucle : la boucle for comporte de nombreuses étapes et est plus compliquée, tandis que la boucle forEach est relativement simple, facile à utiliser et moins sujette aux erreurs. Exemple
forEach() :
Exemple un :
let array = [1, 2, 3, 4, 5, 6, 7]; array.forEach(function (item, index) { console.log(item); //输出数组的每一个元素 });
Exemple deux :
var array=[1, 2, 3, 4, 5]; array.forEach(function(item, index, array){ array[index]=4 * item; }); console.log(array); //输出结果:修改了原数组元素,为每个元素都乘以4
[Recommandation associée : "tutoriel vue.js"]
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!