Heim > Web-Frontend > js-Tutorial > Hauptteil

Lernen Sie einfach die Struktur der for-Anweisungsschleife in JavaScript_Grundkenntnisse

WBOY
Freigeben: 2016-05-16 15:32:53
Original
1390 Leute haben es durchsucht

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]);
  }
})();
Nach dem Login kopieren

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 ()();
  • isoliert
  • 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>
Nach dem Login kopieren

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage