Quelles sont les méthodes d'itération en JavaScript ?

青灯夜游
Libérer: 2021-10-28 14:41:06
original
2325 Les gens l'ont consulté

Méthodes d'itération en JavaScript : 1. each(), qui peut demander si chaque élément du tableau remplit certaines conditions ; 2. some(), qui peut demander si chaque élément du tableau remplit certaines conditions ; ; 4. map(); 5. forEach(); 6. réduire().

Quelles sont les méthodes d'itération en JavaScript ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Définition :

1. Itérer (itérer), qui fait référence à l'accès à chaque élément de la liste un par un dans un certain ordre. Par exemple, l'instruction for.
2. La boucle fait référence à l'exécution répétée du même morceau de code lorsque les conditions sont remplies. Par exemple, l'instruction while.
3. La traversée fait référence à la visite de chaque nœud de l'arborescence selon certaines règles, et chaque nœud n'est visité qu'une seule fois.
4. La récursivité fait référence au comportement d'une fonction qui s'appelle continuellement. Par exemple, produisez par programme la célèbre séquence de Fibonacci.

Méthodes d'itération en JavaScript :

1. each()

est utilisé pour demander si chaque du tableau all satisfait à une certaine condition

var num = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var number = num.every(function(item,index){
      return (item > 5);   // 判断传入的值是否全部都大于5
})
console.log(number);   // false 只要有一个不满足就为 false
Copier après la connexion

2. chaque élément du tableau qui remplit certaines conditions

var num = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var number = num.every(function(item,index){
      return (item > 5);   // 判断传入的值哪些项大于5
})
console.log(number);   // false 只要有一个满足就为true
Copier après la connexion

3. filter()

Sélectionnez les éléments qui remplissent les conditions pour former un nouveau tableau

var num = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var number = num.filter(function(item,index){
      return (item > 5);   // 判断传入的值哪些项大于5
})
console.log(number);   // [6, 7, 8, 9]
Copier après la connexion

4. tableau original, pour former un nouveau tableau

var num = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var number = num.map(function(item,index){
      return item - 1;   // 判断传入的值哪些项大于5
})
console.log(number);   // [0, 1, 2, 3, 4, 5, 6, 7, 8]
Copier après la connexion

5. forEach()

Passez chaque élément du tableau

var num = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var number = num.forEach(function(item,index){
      console.log(item);   // [1, 2, 3, 4, 5, 6, 7, 8, 9]
})
Copier après la connexion

6.réduire()

Les éléments précédents et derniers du tableau sont utilisés pour calculer la valeur cumulée

var num = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var number = num.reduce(function(prev,cur,index){
      return prev + cur;
})
console.log(number);   // 1+2+3...+9 = 45 本质上就是数组中的项 累计运算的过程
Copier après la connexion

Note

forEach Cette méthode d'itération est essentiellement la même que la boucle for, mais lors de l'utilisation de cette méthode, trois paramètres seront transmis et le premier élément sera transmis lors de la sortie, c'est-à-dire pour chaque élément du tableau de sortie, si le deuxième élément est transmis, alors la valeur d'indice de l'index du tableau sera itérée dans une boucle. Si le troisième élément est transmis, alors l'ensemble du tableau num sera itéré dans une boucle. boucle.

【Apprentissage recommandé :

Tutoriel avancé 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!

Étiquettes associées:
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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!