> 웹 프론트엔드 > JS 튜토리얼 > javascript 흐름 제어문 while 루프 및 do...while 루프 구문 예제에 대한 자세한 설명

javascript 흐름 제어문 while 루프 및 do...while 루프 구문 예제에 대한 자세한 설명

伊谢尔伦
풀어 주다: 2017-07-24 09:44:51
원래의
2325명이 탐색했습니다.

while 루프

while 루프는 for 루프와 동일한 기능을 갖습니다. while 루프는 특정 조건이 더 이상 충족되지 않을 때까지 코드 조각을 반복적으로 실행합니다.
while 문 구조:


 while(判断条件)
 {
   循环语句
 }
로그인 후 복사

while 루프를 사용하여 상자에서 공을 한 번에 하나씩, 총 6개의 공을 가져오는 작업을 완료합니다.


<script type="text/javascript">
   var num=0; //初始化值
   while (num<=6){ //条件判断
     document.write("取出第"+num+"个球<br />");
     num=num+1; //条件值更新
   }
 </script>
로그인 후 복사

Do... while 루프
do while 구조의 기본 원리는 while 구조와 기본적으로 동일하지만 루프 본문이 한 번 이상 실행되도록 보장합니다. 코드를 먼저 실행한 다음 조건을 확인하므로 조건이 true이면 루프가 계속됩니다.
do...while문 구조:


 do
 {
   循环语句
 }
 while(判断条件)
로그인 후 복사

5개의 숫자를 출력해 보세요.


<script type="text/javascript">
   num= 1;
   do{
     document.write("数值为:" + num+"<br />");
    num++; //更新条件
   }
   while (num<=5)
 </script>
로그인 후 복사

do...while 문을 사용하여 6개의 숫자를 출력합니다.


<script type="text/javascript">
   var mynum =6;//mynum初值化数值为6
   do{
     document.write("数字:"+mynum+"<br/>");
     mynum=mynum-1;
   }
  while(mynum>=1);
 </script>
로그인 후 복사

루프 break 종료
while, for, do...while, while 루프에서 break 문을 사용하여 현재 루프를 종료하고 다음 코드를 직접 실행합니다.
형식은 다음과 같습니다.


 for(初始条件;判断条件;循环后条件值更新){
   if(特殊情况)
   {break;}
   循环代码
 }
로그인 후 복사

시험 점수를 출력합니다. 점수가 통과되면 계속해서 다음 점수를 출력합니다. 점수가 실패하면 종료되며 이후 점수는 출력되지 않습니다.


 <script type="text/JavaScript">
   var mynum =new Array(70,80,66,90,50,100,89);//定义数组mynum并赋值
   var i=0;
   while(i<mynum.length){
     if(mynum[i]<60){
     document.write("成绩"+mynum[i]+"不及格,不用循环了"+"<br>");
     break;
     }
     document.write("成绩:"+mynum[i]+"及格,继续循环"+"<br>");
     i=i+1;
   }
 </script>
로그인 후 복사

Continue to Cycle continue
문 구조:


 for(初始条件;判断条件;循环后条件值更新){
   if(特殊情况){
     continue;
   }
   循环代码
 }
로그인 후 복사

위 루프에서 특별한 상황이 발생하면 이 루프를 건너뛰고 후속 루프는 영향을 받지 않습니다.
예: 시험 점수를 출력합니다. 점수가 통과되면 계속해서 다음 점수를 출력합니다. 점수가 실패하면 점수가 출력되지 않습니다.


<script type="text/JavaScript">
   var mynum =new Array(70,80,66,90,50,100,89);//定义数组mynum并赋值
   var i;
   for(i=0;i<mynum.length;i++){
     if(mynum[i]<60){
       document.write("成绩不及格,不输出!"+"<br>");
       continue;
     }
     document.write("成绩:"+mynum[i]+"及格,输出!"+"<br>");
   }
 </script>
로그인 후 복사

대학 프로그래밍 선택 수업에서 이름, 성별, 나이, 학년을 포함하여 수업에 참여하는 학생 데이터 세트를 얻었습니다. 다음으로 JavaScript 지식을 사용하여 이름을 모두 지정해야 합니다. 신입생이에요.

학생 정보는 다음과 같습니다:

('Little A', '여자', 21, 'Freshman'), ('Little B', '남자', 23, 'Journal'),

('Little C) ','남자',24,'선배'), ('리틀D','여자',21,'신입생'),

('리틀E','여자',22,'선배' ), ( '리틀 F','남자',21,'신입생'),

('리틀 G','여자',22,'2학년'), ('리틀 H','여자', 20,'3학년) '),

('리틀 I','여자',20,'1학년'), ('리틀 J','남자',20,'3학년')


<script type="text/javascript">
  //第一步把之前的数据写成一个数组的形式,定义变量为 infos
  var infos = [
    [&#39;小A&#39;,&#39;女&#39;,21,&#39;大一&#39;],
    [&#39;小B&#39;,&#39;男&#39;,23,&#39;大三&#39;],
    [&#39;小C&#39;,&#39;男&#39;,24,&#39;大四&#39;],
    [&#39;小D&#39;,&#39;女&#39;,21,&#39;大一&#39;],
    [&#39;小E&#39;,&#39;女&#39;,22,&#39;大四&#39;],
    [&#39;小F&#39;,&#39;男&#39;,21,&#39;大一&#39;],
    [&#39;小G&#39;,&#39;女&#39;,22,&#39;大二&#39;],
    [&#39;小H&#39;,&#39;女&#39;,20,&#39;大三&#39;],
    [&#39;小I&#39;,&#39;女&#39;,20,&#39;大一&#39;],
    [&#39;小J&#39;,&#39;男&#39;,20,&#39;大三&#39;]
  ];
  //第一次筛选,找出都是大一的信息
  var arr1 = [];
  var n = 0;
  for(var i=0;i<infos.length;i++){ 
    if( infos[i][3] == "大一" ){ 
       arr1[n] = infos[i];
       document.write(arr1[n]+"<br/>");
       n=n+1;
    } 
  }
  document.write("大一人数: "+arr1.length+"<br/>"); 
  //第二次筛选,找出都是女生的信息
  for(var i=0;i<arr1.length;i++){ 
  //这里可以用switch 
    if(arr1[i][1]==&#39;女&#39;){
      document.write(arr1[i][0]+"<br/>");
    }
  }
</script>
로그인 후 복사

위 내용은 javascript 흐름 제어문 while 루프 및 do...while 루프 구문 예제에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿