>  기사  >  웹 프론트엔드  >  자바스크립트의 프로그램 구조는 무엇입니까?

자바스크립트의 프로그램 구조는 무엇입니까?

青灯夜游
青灯夜游원래의
2021-06-15 17:26:572877검색

JavaScript의 프로그램 구조는 다음과 같습니다. 1. 처음부터 끝까지 문장별로 실행되는 순차 구조 2. 분기 구조는 특정 노드에 도달한 후 결과에 따라 다음에 실행할 분기 방향을 결정합니다. 3. 루프 구조.

자바스크립트의 프로그램 구조는 무엇입니까?

이 튜토리얼의 운영 환경: windows7 시스템, javascript 버전 1.8.5, Dell G3 컴퓨터

JavaScript 프로그램 구조

프로그램의 실행 순서는 세 가지 유형으로 나뉩니다: 순차 구조, 분기 구조 및 루프 구조

1. 순차 구조

처음부터 문장 단위로 실행되는 프로그램의 기본 구조

2. 분기 구조(선택 구조)

특정 노드에 도달한 후 이를 기반으로 판단에 따라 향후 어떤 분기 방향을 실행할지 결정됩니다

분기 구조의 특징: 동일한 분기 구조에서는 하나의 분기만 실행됩니다

(1) if
if(条件){
代码块1;
}

실행 규칙: 조건이 true이면 if 문

var age = 26;
    if (age >= 18) {
   		alert("你已经成年");//你已经成年
    }

에 해당하는 코드 블록을 실행합니다. 두 개의 if 조건이 있기 때문에 하나의 분기만 실행됩니다. 독립적이면 둘 다 출력

var a = 5;
       if (a > 3) {
           console.log(1);//1
       }
       if (a > 0) {
           console.log(2);//2
       }
2.if…else
if(条件){
	代码块1;
}else{
	代码块2;
}

실행 규칙: if 조건이 true이면 if 문에 해당하는 코드 블록을 실행합니다. true가 아니면 코드 블록을 실행합니다. in else

var age = 15;
    if (age >= 18) {
   		alert("你已经成年");
   }else{
   		alert("你还没有成年");//你还没有成年
    }
3. 다중 분기 문
if(条件1){
	代码块1;
}else if(条件2){
	代码块2;
}
...
else if(条件n){
	代码块n;
}else{
	代码块m;
}

실행 규칙: 조건 n이 충족되면 조건 n이 실행됩니다. 해당 코드 블록은 하나의 분기만 실행합니다

var age = prompt('请输入年龄:');
        if (age < 18) {
            console.log(&#39;未成年&#39;);
        } else if (age >= 18 && age <= 30) {
            console.log(&#39;青年&#39;);
        } else if (age > 30 && age <= 60) {
            console.log(&#39;中年&#39;);
        } else if (age > 60) {
            console.log(&#39;老人&#39;)
        } else {
            console.log(&#39;请输入正确的年龄&#39;);
        }

[관련 권장 사항: javascript 학습 튜토리얼 ]

4.스위치 구조

대소문자는 합동 비교입니다

switch(表达式){
       case 值:
			代码块;
 			break;
		case 值2:
			代码块;
			break;
		...
		default:
			代码块;
			break
	}

실행 규칙: 표현식 수식은 케이스 뒤의 값과 비교되어 동일한지 여부를 결정합니다. , 해당 코드 블록이 실행됩니다. 위의 경우와 표현식이 동일하지 않으면 기본 내용이 실행됩니다

<script>
        var a = 10;
        var b = 20;
        var c = &#39;/&#39;;
        var result;
        switch (c) {
            case "+":
                result = a + b;
                break;
            case "-":
                result = a - b;
                break;
            case "*":
                result = a * b;
                break;
            case "/":
                result = a / b;
                break;
            default:
                result = a + b;
                break;
        }
        console.log(result);
    </script>

스위치 침투 문제

 60分以上的及格,其他的留级        
 switch (score) {
            case 6:
            case 7:
            case 8:
            case 9:
            case 10:
                console.log(&#39;及格&#39;);
                break;
            default:
                console.log(&#39;留级&#39;);
                break;
        }

3. 루프 구조

루프 구조에는 루프 본문이 있으며 루프 본문은 단락 코드. 루프 구조의 경우 판단 결과에 따라 루프 본문이 몇 번 실행되는지 결정하는 것이 핵심입니다. 루프 변수 VAR I = 0; 2 단계: 순환 조건 판단 i & lt; 5
순환 몸체 설정 판단

순환 종료 판단

3: 순환 반복 I ++

4단계 : 두 번째 단계로 돌아가기
  • for(循环变量初始化;循环判断;循环迭代){
    	循环体;
    }

  • 2.while
  • 실행 규칙: 조건이 true이면 루프 본문을 실행

      for (var i = 0; i < 5; i++) {
                console.log(i);//0 1 2 3 4
            }

    종이를 몇 번 접었는지 계산하고, 에베레스트 산을 넘는 두께

    while(条件){
    		循环体;
    	}
  • 3. do…while

    while과 do…whiel의 차이점: while 루프가 먼저 판단된 후 실행되고, do…while이 먼저 실행되고 이후에 판단됩니다. 조건이 true이거나 false이면 한 번 실행됩니다. 루프, 자신에게 가장 가까운 루프
  • continue; 이 루프를 종료하고 다음 루프를 계속합니다. 가장 가까운 루프

    var total = 8848000;
            var h = 1;//纸厚度
            var count=0;
            while (h <= total) {            
                h*=2;
                count++;//次数递增
            }
            console.log(&#39;折叠了&#39;+count+&#39;次数&#39;);
            console.log(h);

  • 6. 루프 중첩

외부 루프는 한 번 실행되고 내부 루프는 한 번 실행됨

do{
	循环体;
 }while(条件);

더 많은 프로그래밍 관련 지식을 보려면

프로그래밍 소개

를 방문하세요! !

위 내용은 자바스크립트의 프로그램 구조는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.