> 웹 프론트엔드 > 프런트엔드 Q&A > JavaScript의 프로세스 제어를 분석한 기사

JavaScript의 프로세스 제어를 분석한 기사

PHPz
풀어 주다: 2023-04-21 15:24:55
원래의
718명이 탐색했습니다.

Javascript는 스크립팅 언어로서 웹 프로그래밍에 매우 적합합니다. 실제로 웹 개발에서 가장 일반적으로 사용되는 언어 중 하나입니다. 흐름 제어는 JavaScript에서 가장 일반적으로 사용되는 프로그래밍 방법 중 하나입니다. 이 기사에서는 if 문, 스위치 문, for 루프, while 루프 및 do-while 루프의 관점에서 JavaScript의 흐름 제어를 분석합니다.

if 문

if 문은 조건에 따라 프로그램의 실행 흐름을 제어하는 ​​데 사용됩니다. 기본 구문은 다음과 같습니다.

if (condition) {
  // code block to be executed if condition is true
}
로그인 후 복사

조건(조건)이 충족되면 중괄호 안의 코드 블록이 실행되고, 그렇지 않으면 코드 블록의 명령문을 건너뜁니다. 다음 예에서는 if 문의 사용을 보여줍니다.

var x = 10;

if (x > 5) {
  console.log("x is greater than 5");
}
로그인 후 복사

이 예에서는 x의 값이 10이므로 x > 5 조건이 충족되고 코드 블록의 명령문이 실행됩니다. 콘솔에 "x가 5보다 큼"이 표시됩니다.

if...else 문

if...else 문은 조건이 충족되면 하나의 코드 블록을 실행하고 조건이 충족되지 않으면 다른 코드 블록을 실행하는 흐름 제어 구조입니다. 기본 구문은 다음과 같습니다.

if (condition) {
  // block of code to be executed if the condition is true
} else {
  // block of code to be executed if the condition is false
}
로그인 후 복사

위 코드에서 조건이 충족되면 if 문 블록의 코드가 실행되고, 그렇지 않으면 else 문 블록의 코드가 실행됩니다. 예는 다음과 같습니다.

var x = 20;

if (x < 10) {
  console.log("x is less than 10");
} else {
  console.log("x is greater than or equal to 10");
}
로그인 후 복사

x 값이 20이므로 if 문 x < 10의 조건이 충족되지 않으므로 프로그램은 else 문 블록의 코드를 실행하고 콘솔에 "x가 더 큽니다. 10" 이상입니다.

switch 문

switch 문은 다양한 조건에 따라 다양한 코드 블록을 실행하는 데 사용되는 다중 방향 분기 문입니다. 기본 구문은 다음과 같습니다.

switch (expression) {
  case value1:
    // code block to be executed if expression matches value1
    break;
  case value2:
    // code block to be executed if expression matches value2
    break;
  ...
  default:
    // code block to be executed if no case matches expression
}
로그인 후 복사

위에서 언급했듯이 표현식은 스위치 문의 매개변수이며 값을 계산할 수 있는 모든 표현식이 될 수 있습니다. switch 문 블록 내에서 case 레이블은 테스트할 값을 지정하고 break 문은 문 블록에서 벗어나는 데 사용됩니다. 일치하는 항목이 없으면 기본 문이 실행됩니다. 다음은 예시입니다.

var day = "Monday";

switch (day) {
  case "Monday":
    console.log("Today is Monday");
    break;
  case "Tuesday":
    console.log("Today is Tuesday");
    break;
  case "Wednesday":
    console.log("Today is Wednesday");
    break;
  default:
    console.log("Today is not Monday, Tuesday, or Wednesday");
}
로그인 후 복사

위 코드에서 day 값이 "Monday"이므로 "Today is Monday"가 출력됩니다.

for 루프

a for 루프는 지정된 횟수만큼 단계별로 실행하여 각 루프 반복에서 조건을 테스트하는 루프입니다. 기본 구문은 다음과 같습니다.

for (initialization; test condition; update) {
  // code block to be executed
}
로그인 후 복사

for 루프에서 초기화 문은 일반적으로 카운터 변수를 선언하고 초기 값을 할당합니다. 테스트 조건은 카운터 변수가 조건을 만족하는지 테스트하는 데 사용됩니다. 업데이트 문은 반복될 때마다 카운터 변수를 업데이트합니다. for 루프 블록 내에서 프로그램은 모든 명령문을 순서대로 실행합니다. 예는 다음과 같습니다.

for (var i = 0; i < 5; i++) {
  console.log(i);
}
로그인 후 복사

출력은 다음과 같습니다.

0
1
2
3
4
로그인 후 복사
로그인 후 복사
로그인 후 복사

while loop

a while 루프는 조건이 true인 동안 코드 블록을 반복적으로 실행하는 루프입니다. 기본 구문은 다음과 같습니다.

while (condition) {
  // code block to be executed
}
로그인 후 복사

while 루프 내에서 프로그램은 조건(condition)이 true인 경우에만 코드 블록을 반복적으로 실행합니다. 조건이 더 이상 충족되지 않으면 프로그램은 while 루프를 종료합니다. 예는 다음과 같습니다.

var i = 0;

while (i < 5) {
  console.log(i);
  i++;
}
로그인 후 복사

출력은 for 루프를 사용한 예와 동일합니다.

0
1
2
3
4
로그인 후 복사
로그인 후 복사
로그인 후 복사

do-while 루프

do-while 루프는 조건이 true인 동안 코드 블록을 반복적으로 실행하는 루프입니다. , while 루프와 달리 항상 코드 블록을 한 번 실행하고 코드 블록을 실행한 후 조건을 확인한다는 것입니다. 기본 구문은 다음과 같습니다.

do {
  // code block to be executed
} while (condition)
로그인 후 복사

다음은 예시입니다.

var i = 0;

do {
  console.log(i);
  i++;
} while (i < 5);
로그인 후 복사

이 예시의 출력 결과도 for 루프와 while 루프를 사용한 예시와 동일합니다.

0
1
2
3
4
로그인 후 복사
로그인 후 복사
로그인 후 복사

요약하면 자바스크립트에서의 흐름 제어는 효율적인 프로그램을 작성하는 열쇠. 끝

위 내용은 JavaScript의 프로세스 제어를 분석한 기사의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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