>웹 프론트엔드 >JS 튜토리얼 >Javascript의 흐름 제어란 무엇입니까(코드 예)

Javascript의 흐름 제어란 무엇입니까(코드 예)

青灯夜游
青灯夜游앞으로
2018-10-20 16:34:402334검색

이 기사에서는 Javascript(코드 예제)에서 프로세스 제어가 무엇인지 소개합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

프로세스 제어

JavaScript는 프로그램 흐름을 실행하기 위해 프로세스 문을 사용합니다. 여러 개의 진술로 구성됩니다. 일반적인 상황에서는 프로그램의 명령문이 작성된 순서대로 실행됩니다. 이 구조를 순차 구조라고 합니다. 순차 구조 외에도 선택 구조와 루프 구조가 있습니다.

1. 선택 구조

(1) if-else 문 #🎜🎜 #

문법:

if(condition){
  statementS;
}else{
  statements;
}

(2) if-else if-else 문


문법: #🎜 🎜#
if(condition){
  statementS;
}else if{
  statements;
}
……
else{
  statements;
}

예:

200ba6c2aed0a55a2e6eb1f53ccfa057100db36a723c770d327fc0aef2ce13b193f0f5c25f18dab9d176bd4f6de5d30e
    5dd619b3daa8098d81923634075d5aa9
    b2386ffb911b14667cb8f0f91ea547a7选择结构6e916e0f7d1e588d4f442bf645aedb2f
    c9b2223153d8e39163b0aa064e06fe9e
        function  max() {            
               var fist=parseInt(form1.fist.value);            
               var secod=parseInt(form1.secod.value);            
               if(isNaN(fist)){
                alert("第一个数不是数值类型");
                form1.fist.value="";

            }            else if (isNaN(secod)) {
                alert("第二个数不是数值类型");
                form1.secod.value="";
            }else{                
                    var max=(fist>=secod?fist:secod);
                document.write("两个数之间较大的数为:"+max);
            }

        }    
    2cacc6d41bbb37262a98f745aa00fbf0
 9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
 e8123d645f3ed9aaa22bb5c917b2ac04
    请输入第一个数(数值型):    8d769f98bd6c240628a9ad623ab1ef9a
    0c6dc11e160d3b678d68754cc175188a
    请输入第二个数(数值型):    aeb337a347f95a6cac33731d207fded9
    0c6dc11e160d3b678d68754cc175188a
    07e92316e492652a6160af3bc9f0417a  
    946ddf758becc4ea3151ff3dec6d001e
 f5a47148e367a6035fd7a2faa965022e
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e
(3) 스위치 문([ ]은 선택 사항)

구문: # 🎜 🎜#

switch(expression){
  case value1:
    statement;
    break;
  case value2:
    statement2;
    break;
  ……
  case valueN;
    statementN;
    break;
  [defalut:
    defalutStatements;]
}

예:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"" 
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
  5dd619b3daa8098d81923634075d5aa9
    b2386ffb911b14667cb8f0f91ea547a7switch语句6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
  c9b2223153d8e39163b0aa064e06fe9e
    var day= new Date().getDay();    
      switch (day){        
            case 0:   title="今天是星期日"; break;        
        case 1:   title="今天是星期一";  break;        
        case 2:   title="今天是星期二";  break;        
        case 3:   title="今天是星期三"; break;        
        case 4:   title="今天是星期四"; break;        
        case 5:   title="今天是星期五"; break;        
        case 6:   title="今天是星期六"; break;
    }
    document.write(title);
  2cacc6d41bbb37262a98f745aa00fbf0
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

2. 루프 문

(1) for 루프(loop) 알려진 시간으로 루프)

구문:

for(inintal-condition;conditin;increment){
  statements;
}
# 🎜 🎜#예:

출력 곱셈표

671f1587257673e3ab28a461c7daaf2f
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
    b2386ffb911b14667cb8f0f91ea547a7循环结构6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
  b525c03511ddfa0129a1894a0aafa571
    c9b2223153d8e39163b0aa064e06fe9e
        var i,j;        
        for(i=1;i<=10;i++){            
                for(j=1;j<=i;j++){
                document.write(j+"*"+i+"="+i*j);
                document.write("  ");
            }
        document.write("0c6dc11e160d3b678d68754cc175188a");
        }    
    2cacc6d41bbb37262a98f745aa00fbf0
  e6e38b3c62e8df885fe2e3986461aa63
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

(2) for-in 문(보통 사용됨) 배열 순회) 구문:

for(elements in object){
  statement;
}

예:

671f1587257673e3ab28a461c7daaf2f 
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
    5dd619b3daa8098d81923634075d5aa9
    b2386ffb911b14667cb8f0f91ea547a7for-in6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
 c9b2223153d8e39163b0aa064e06fe9e
    var student=new Object();
    student.name="王明明";
    student.no="20120156";
    student.addreess="山东济南";    
    for(e in student){
        document.write(e+":"+student[e]+"0c6dc11e160d3b678d68754cc175188a");
    }
 2cacc6d41bbb37262a98f745aa00fbf0
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

(3) while 문(알 수 없는 시간의 루프) #🎜 🎜#

구문:

while(condition){
  statement;
}

예:

1-100에서 3의 배수 출력

671f1587257673e3ab28a461c7daaf2f
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
    5dd619b3daa8098d81923634075d5aa9
    b2386ffb911b14667cb8f0f91ea547a7while循环6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
     c9b2223153d8e39163b0aa064e06fe9e
      var i=1;    
      while(i<100){        
           if(i%3==0){
            document.write(i+"&nbsp");
        }
        i++;
      }
   2cacc6d41bbb37262a98f745aa00fbf0
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e
(4) do-while 문 (이 문은 적어도 한 번 실행됩니다)

구문:

do{
  statement;
}
while(conditions);
#🎜 🎜 #

예:

1-100의 합을 계산합니다

671f1587257673e3ab28a461c7daaf2f 
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
    5dd619b3daa8098d81923634075d5aa9
    b2386ffb911b14667cb8f0f91ea547a7do-while语句6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
  c9b2223153d8e39163b0aa064e06fe9e
    var i = 1;    
    var num = 0;    
    do {
        sum+=i;
        i++
    }while(i<=100);
    document.write("1-100的和是:"+sum);
  2cacc6d41bbb37262a98f745aa00fbf0
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

# 🎜🎜# Transfer 문

(1) break 문

break 문은 switch 문, for 문 등의 루프 문에 사용됩니다. switch 문을 종료하고 switch 문 뒤의 문을 실행하는 데 사용됩니다. (2) continue 문

continue 문은 for, while, do-while, for-in 문에서 이 루프를 종료하고 다음 루프를 실행하는 데 사용됩니다. 일반적으로 if 문과 함께 사용됩니다.

(3) return 문

return 문은 일반적으로 함수에서 사용되며 어떤 유형의 함수 값도 반환할 수 있습니다. 사용할 수 있습니다. 변수가 허용됩니다.

요약: 위 내용은 이 글의 전체 내용이며, 모든 분들의 공부에 도움이 되길 바랍니다. 더 많은 관련 튜토리얼을 보려면

JavaScript 비디오 튜토리얼

,

jQuery 비디오 튜토리얼

,

bootstrap 튜토리얼

을 방문하세요!

위 내용은 Javascript의 흐름 제어란 무엇입니까(코드 예)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 cnblogs.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제