집 > 기사 > 웹 프론트엔드 > JavaScript_Basic 지식으로 for 문 루프 구조를 간단히 배워보세요

JavaScript_Basic 지식으로 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 루프에 관해 주의할 점이 몇 가지 있습니다

for 루프의 i는 루프가 끝난 후에도 범위에 여전히 존재합니다. 범위의 다른 변수에 영향을 주지 않기 위해 함수의 자체 실행을 사용하여 격리됩니다.
for(var i=0; i
var i = 0, len = 데모1Arr.length;
for(; i

루프에서 벗어날 수 있는 방법에는 여러 가지가 있습니다

반환 함수 실행이 종료됩니다
중단 루프가 종료됩니다
계속 루프를 건너뜁니다

전체 예:

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

성명：

이전 기사：Javascript는 탭 전환 효과_javascript 기술을 구현합니다.다음 기사：Javascript는 탭 전환 효과_javascript 기술을 구현합니다.

JavaScript_Basic 지식으로 for 문 루프 구조를 간단히 배워보세요

관련 기사