>  기사  >  웹 프론트엔드  >  기본 JavaScript 실행 흐름 제어 방법의 구문 예 요약

기본 JavaScript 실행 흐름 제어 방법의 구문 예 요약

伊谢尔伦
伊谢尔伦원래의
2017-07-24 09:17:321632검색

조건부 판단문

1.if문


if (condition) statement1 else statement2

조건식은 어떤 표현식이든 가능하며, 이 표현식의 평가 결과가 반드시 불리언 값일 필요는 없습니다. ECMAScript는 자동으로 Boolean() 변환 함수를 호출하여 이 표현식의 결과를 부울 값으로 변환합니다. 조건 평가 결과가 참이면 명령문1이 실행되고, 조건 평가 결과가 거짓이면 명령문2가 실행됩니다. 이 두 문은 코드 줄 또는 코드 블록(권장)일 수 있습니다.


if (condition1) statement1 else if(condition2) statement2 else statement3

2.switch 문


switch(expression) {
  case value: statement
    break;
  case value: statement
    break;
  case value: statement
    break;
  default: statement
}

switch 문의 각 사례의 의미는 "표현식이 이 값 값과 같으면 다음 문 문을 실행합니다"입니다. Break를 사용하면 코드 실행이 스위치 문에서 벗어나게 됩니다. break 키워드를 생략하면 현재 케이스가 실행된 후 다음 케이스의 실행이 계속됩니다. final default 키워드는 표현식이 이전 상황 중 어느 것과도 일치하지 않을 때 조작 코드를 실행하는 데 사용됩니다(따라서 else 문과 동일합니다).

예제 1


var num = 25;
switch (true) {
  case num < 0:
    alert("Less than 0");
    break;
  case num >= 0 && num <= 10:
    alert("Between 0 and 10");
    break;
  case num > 10 && num <= 20:
    alert("Between 10 and 20");
    break;
  default:
    alert("More than 20");
}

참고: switch 문은 값을 비교할 때 같음 연산자를 사용하므로 유형 변환이 발생하지 않습니다.

루프문
루프문을 테스트한 후.
루프 본문 내의 코드는 표현식이 평가되기 전에 적어도 한 번 실행됩니다.

1.do-while 문


do {
  statement
} while (expression);

예제 2


var i = 0;
  do {
    i += 2;
  } while (i < 10);
  alert(i);//10

사전 테스트 루프 문
2.while 문


while(expression) statement

예 3


 var i = 0;
  while(i < 10) {
    i += 2;
  }
  alert(i);//10

3.for 문
루프를 실행하기 전 변수를 초기화하고, 루프 이후에 실행할 코드를 정의하는 기능이 있습니다.
예제 4


for(var i = 0;i < 10;i++) {
  alert(i);
}

Iteration 문
for-in 문
for-in 문은 객체의 속성을 열거하는 데 사용할 수 있는 정확한 반복 문입니다


for (var prop in window) {
    console.log(prop);
  }

ECMAScript object 속성의 순서가 없습니다. 따라서 for-in 루프를 통해 출력되는 속성 이름은 예측할 수 없습니다. 특히 모든 속성은 한 번 반환되며 SLR 파괴 순서는 브라우저에 따라 다를 수 있습니다. 사용하기 전에 객체의 값이 null 또는 unedfined가 아닌지 확인하고 사용하는 것이 좋습니다.

제어 실행 문
break 문
루프를 즉시 종료
예 5


 var num = 0;
  for(var i = 1;i < 10;i++) {
    if(i % 5 == 0) {
      break;
    }
    num++;
  }
  alert(num);//4

continue 문
Exit 현재 실행 중인 루프 코드가 계속되기 시작합니다. 주기.


var num = 0;
    for(var i = 1;i < 10;i++) {
      if(i % 5 == 0) {
        continue;
      }
      num++;
    }
    alert(num);//8

return 문
은 반환 값을 지정할 수 있습니다(이 경우 반환은 정의되지 않음).
1. return 문 직후에 함수를 종료합니다.
2. return 문은 함수 본문 내에서만 나타날 수 있습니다.

위 내용은 기본 JavaScript 실행 흐름 제어 방법의 구문 예 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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