ホームページ > 記事 > ウェブフロントエンド > JavaScriptでfor文のループ構造を学ぶだけ_基礎知識

JavaScriptでfor文のループ構造を学ぶだけ_基礎知識

WBOYオリジナル: 2016-05-16 15:32:531397ブラウズ

例を見てみましょう。多用されていますが、非常に簡単です

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

for ループについては注意すべき点がいくつかあります

i は、ループ終了後もスコープ内に存在します。スコープ内の他の変数への影響を避けるため、関数 ()();
for(var i=0; i
var i = 0, len = demo1Arr.length;
for(; i

ループから抜け出す方法はいくつかあります

return 関数の実行が終了します
ブレークループが終了します
継続ループはスキップされます

完全な例:

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

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：JavaScriptでタブ切り替え効果を実装_JavaScriptスキル次の記事：JavaScriptでタブ切り替え効果を実装_JavaScriptスキル

続きを見る

JavaScriptでfor文のループ構造を学ぶだけ_基礎知識

関連記事