> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트 학습에서 스위치문 사용법 소개

자바스크립트 학습에서 스위치문 사용법 소개

青灯夜游
풀어 주다: 2018-10-16 17:23:22
앞으로
2660명이 탐색했습니다.

이 글에서는 JavaScript 학습에서 switch 문을 사용하는 방법을 소개합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

먼저 JavaScript 스위치 문

을 살펴보겠습니다. 스위치 문을 사용하여 여러 항목을 선택할 수 있습니다.

구문: ​​

switch( 变量1 ){
  case 变量2:
      //语句1;
    break;
    case 变量3:
         //语句2;
    break;
    default:
           //语句3;
  }
로그인 후 복사

실행 원칙: 변수 1의 값은 케이스의 값과 비교됩니다. 예를 들어, 변수 1이 케이스 변수 2와 같으면 명령문 1이 실행됩니다. 변수 1이 케이스 변수 3과 같으면 문 2를 실행하고 둘 다 일치하지 않으면 문 3을 실행합니다.

break는 현재 실행된 문을 종료합니다. default 일치하는 옵션이 없으면 기본적으로 기본값이 선택됩니다.

코드 예시 설명:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>Insert title here</title>
	</head>

	<body></body>
	<script type="text/javascript">
		var num = 3;
		switch(num) {
			case 0:
				alert("0");
				break;
			case 1:
				alert("1");
				break;
			case 2:
				alert("2");
				break;
			case 3:
				alert("3");
				break;
			case 4:
				alert("4");
				break;
			default:
				alert("默认选项");
				break;
		}
		 //当num等于0,执行alert("0");......如果都不匹配,就执行alert("默认选项");
	</script>

</html>
로그인 후 복사

default 키워드 모든 옵션이 일치하지 않는 경우 기본 옵션의 코드가 기본적으로 실행됩니다.

요약: 위 내용은 이 글의 전체 내용입니다. 모든 분들의 공부에 도움이 되었으면 좋겠습니다. 더 많은 관련 튜토리얼을 보려면 JavaScript 비디오 튜토리얼, jQuery 비디오 튜토리얼, bootstrap 튜토리얼을 방문하세요!

위 내용은 자바스크립트 학습에서 스위치문 사용법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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