Heim > Artikel > Web-Frontend > Lernen Sie einfach die Struktur der for-Anweisungsschleife in JavaScript_Grundkenntnisse

Lernen Sie einfach die Struktur der for-Anweisungsschleife in JavaScript_Grundkenntnisse

WBOYOriginal: 2016-05-16 15:32:531344Durchsuche

Sie können sich einfach das Beispiel ansehen, es wird zu oft verwendet, es ist sehr einfach

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

Bei der for-Schleife gibt es einige Dinge zu beachten

i in der for-Schleife existiert nach dem Ende der Schleife noch im Gültigkeitsbereich. Um andere Variablen im Gültigkeitsbereich nicht zu beeinträchtigen, wird es durch die Selbstausführung der Funktion ()();
Vermeiden Sie die Verwendung von for(var i=0; i
var i = 0, len = demo1Arr.length;
for(; i

Es gibt mehrere Möglichkeiten, aus der Schleife auszubrechen

Ausführung der Rückgabefunktion wird beendet
Break-Schleife wird beendet
Fortsetzungsschleife wird übersprungen

Vollständiges Beispiel:

<!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>

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Javascript implementiert Tab-Switching-Effekte_Javascript-FähigkeitenNächster Artikel：Javascript implementiert Tab-Switching-Effekte_Javascript-Fähigkeiten

In Verbindung stehende Artikel

Mehr sehen