Maison > Article > interface Web > Apprenez simplement la structure de la boucle d'instruction for dans les connaissances JavaScript_Basic

Apprenez simplement la structure de la boucle d'instruction for dans les connaissances JavaScript_Basic

WBOYoriginal: 2016-05-16 15:32:531344parcourir

Tu peux juste regarder l'exemple, c'est trop utilisé, c'est très simple

(function() {
  for(var i=0, len=demoArr.length; i<len; i++) {
    if (i == 2) {
      // return;  // 函数执行被终止
      // break;  // 循环被终止
      continue; // 循环被跳过
    };
    console.log('demo1Arr['+ i +']:' + demo1Arr[i]);
  }
})();

Il y a quelques points à noter à propos de la boucle for

i dans la boucle for existe toujours dans la portée après la fin de la boucle. Afin d'éviter d'affecter d'autres variables dans la portée, elle est isolée en utilisant l'auto-exécution de la fonction ()();
Évitez d'utiliser for(var i=0; i
var i = 0, len = demo1Arr.length;
pour(; je

Il existe plusieurs façons de sortir de la boucle

l'exécution de la fonction de retour est terminée
la boucle de rupture est terminée
la boucle continue est ignorée

Exemple complet :

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>遍历详解: for</title>
 <script src="../script/jquery-2.0.3.js"></script>
</head>
<body>
 
</body>
<script>
 var demo1Arr = ['Javascript', 'Gulp', 'CSS3', 'Grunt', 'jQuery', 'angular'];
 (function() {
 for(var i=0, len=demo1Arr.length; i<len; i++) {
  if (i == 2) {
  // return;  // 函数执行被终止
  // break;  // 循环被终止
  continue; // 循环被跳过
  };
  console.log('demo1Arr['+ i +']:' + demo1Arr[i]);
 }
 })();
</script>
</html>

Déclaration：

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

Article précédent：Javascript implémente les compétences de changement d'onglet effect_javascriptArticle suivant：Javascript implémente les compétences de changement d'onglet effect_javascript

Articles Liés

Voir plus