Maison > interface Web > js tutoriel > Similitudes et différences entre foreach, for in, for of

Similitudes et différences entre foreach, for in, for of

不言
Libérer: 2018-07-07 10:54:37
original
1877 Les gens l'ont consulté

Cet article présente principalement les similitudes et les différences entre foreach, for in et for of, qui ont une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent se référer à

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

Remarque : forEach() n'exécutera pas la fonction de rappel pour un tableau vide.

Exemple de code :

1 var arr = [4, 9, 16, 25];
2 arr.forEach(function(value, index) {
3     console.log(index+': '+value+'\n');
4 });
Copier après la connexion

Les résultats sont les suivants :

L'instruction for/in est utilisée pour parcourir les propriétés de l'objet.

A chaque fois que le code de la boucle sera exécuté, il agira sur les éléments du tableau ou sur les propriétés de l'objet.

Exemple de code :

1 var person = {
2     name: 'jack',
3     age: 18,
4     gender: 'male'
5 };
6 for(key in person) {
7     console.log(key+': '+person[key]+'\n');
8 }
Copier après la connexion

Les résultats sont les suivants :

Il convient de noter que si vous utilisez l'instruction for in pour parcourir le tableau, les problèmes suivants peuvent survenir :

 1. L'index est de type chaîne et ne peut pas effectuer directement des opérations géométriques.

 2. L'ordre de parcours peut ne pas être conforme à l'ordre interne du tableau réel.

 3. L'utilisation de for in parcourra toutes les propriétés énumérables du tableau, y compris les prototypes.

Comme indiqué ci-dessous :

1 var arr = [12, 43, 19];
2 Array.prototype.index = 110;//这里的原型属性也会被打印出来
3 for(var index in arr) {
4     console.log(index+': '+arr[index]+'\n');
5 }
Copier après la connexion

Le résultat en cours d'exécution :

L'instruction for of est plus pratique à utiliser que l'instruction for in. Il s'agit d'une manière nouvellement proposée de parcourir les tableaux dans ES6

À utiliser spécifiquement.  :

1 var arr = [12, 43, 19];
2 Array.prototype.index = 110;//此原型属性不会被打印出来
3 for(var value of arr) {
4     console.log(value+'\n');
5 }
Copier après la connexion

Les résultats sont les suivants :

Résumé : foreach est plus utilisé pour parcourir des tableaux, mais son utilisation est plus compliquée ; for in est généralement utilisé pour parcourir des objets

for of est très pratique et plus sûr à utiliser ; parcourir des tableaux.

Ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

Promesse, Générateur, async/await dans la programmation asynchrone JS

var, let, La différence entre const

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