>웹 프론트엔드 >프런트엔드 Q&A >JavaScript 프로그램의 구조는 무엇입니까?

JavaScript 프로그램의 구조는 무엇입니까?

青灯夜游
青灯夜游원래의
2021-10-15 15:49:313489검색

JavaScript에는 세 가지 유형의 프로그램 구조가 있습니다. 1. 순차 구조, 기본적으로 프로그램은 위에서 아래로 한 줄씩 실행됩니다. 2. 조건부 판단 결과에 따라 분기 구조가 달라지며, 선택 실행도 다릅니다. 3. 루프 구조: 프로그램은 동일한 코드 세그먼트를 반복적으로 실행하고 임계점에 도달하면 종료될 수 있습니다.

JavaScript 프로그램의 구조는 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

JavaScript

의 프로그램 구조는 크게 세 가지로 나누어집니다.

  • 순서: 기본적으로 프로그램은 위에서 아래로 한 줄씩 실행됩니다.

  • 분기: 조건부 판단 결과에 따라 선택적 실행이 다릅니다

  • 루프: 프로그램은 동일한 코드 세그먼트를 반복적으로 실행하고 임계점에 도달하면 종료될 수 있습니다

************************ **************** ********************************** ***************** *******************

예:

요구 사항 분석:

var price=prompt("please input the goods price:");
var accout=prompt("please input the goods account:");
var money=prompt("please input the goods money:");
var sum=parseFloat(price)*parseInt(accout);
(sum>500)&&(sum*=0.8);
var change=money-sum;
alert("应收"+sum+",找零"+change);

분기 구조

1.if 구조:

문법:

if(条件){
满足条件才执行的的代码段
}

2.if ···else 구조:

문법:

if(条件){
满足条件才执行的的代码段}
else{
条件不满足
}

3.그렇지 않은 경우 구조

문법:

if(条件1){
满足条件1才执行的的代码段
}else if(条件2){
条件2满足
}else if(条件3){
条件3满足
}else{
之前所有条件都不满足
}

4. 분기 구조 대 트림/단락

반환 값만 있는 경우 --> 트림/단락 회로

작업이 복잡한 경우 ---> 구조

단락 논리:

조건 && 연산: 한 가지, 만족 그냥 하세요, 아니면 하지 마세요, 연산이 간단한 경우에만

값 1||값 2: 값 1이 유효한 경우 , 값 1 반환, 그렇지 않으면 값 2 반환

3항 연산:

3항 연산: 여러 값을 조건으로 판단하여 여러 값 중 하나 선택

条件表达式 ? 表达式1 : 表达式2 ;

"조건식"의 결과가 참(true)이면 실행 "표현식 1"의 코드를 실행하고, 그렇지 않으면 "표현식 2" 코드의 코드를 실행합니다. / /control 일반적으로 부정 조건을 대신 사용할 수 있습니다.

switch: 조건이 합동 비교인 경우 대소문자를 바꾸는 것이 좋습니다

else if: 합동 비교 외에 조건을 유연하게 정의하고 싶을 때.
  • 루프 구조

  • 루프 구조: 프로그램이 코드 섹션을 반복적으로 실행하고 심각한 조건에 도달한 경우에만 루프를 중지합니다.

  • 3개 요소:

  • 1. 루프를 계속하기 위한

2. 루프 변수: 루프 조건에서 비교에 사용되는 변수 //몇 개에서 시작하여 매번 몇 개씩 증가하거나 감소하고 몇 개에서 끝남


3 . 루프 본문: 반복적으로 실행되는 코드 세그먼트

  • while 루프

  • 사용 조건: 루프 변수의 변경 패턴이 불확실한 경우

    문법

    switch(表达式){
    case  值1:代码1;
    case  值2:代码2;
    case  值3:代码3;
    """""`
    default:默认代码段;
    }

    예:
  • 숫자 추측 게임 : 컴퓨터는 0부터 100까지의 숫자를 무작위로 생성하고, 플레이어는 숫자의 크기를 추측하고, 최종 추측이 맞을 때까지 숫자가 너무 높은지, 너무 낮은지 추측하는 힌트를 제공합니다!

    while(条件){
    循环体;
    迭代循环变量;
    }

do while loop사용 조건: 첫 번째 조건이 충족되지 않으면 적어도 한 번은 실행될 수 있기를 바랍니다.


구문: ​​

var n=parseInt(Math.random()*(100-0+1)+0);
//生成0-100的随机数
var input="";
while(input!=n&&input!="exit"){
input=prompt("you guess");
alert(
    input>n?"bigger":
    input <n?"smaller":
    input=="exit"?"give up!":
    "you are right"
);

for 루프


사용조건 : 루프변수의 변화패턴이 고정된 경우

구문:

var 循环变量=初值;
do{
  循环体;
  迭代变化循环变量;
} while(循环条件)
예: 구구단의 행을 출력합니다. (콘솔에 출력해야 합니다.)

var 循环变量=初值;
for(var 循环变量=初值;循环条件;迭代变化循环变量){
循环体
}


[추천 학습:

자바스크립트 고급 튜토리얼]

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

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