>웹 프론트엔드 >JS 튜토리얼 >JavaScript에서 스위치 문을 사용하는 방법

JavaScript에서 스위치 문을 사용하는 방법

不言
不言원래의
2018-12-17 17:24:3511744검색

스위치 문은 여러 코드 블록 중 하나를 선택하여 실행할 수 있는 조건 분기 문입니다. 이 글에서는 자바스크립트에서 스위치 문을 사용하는 방법을 소개합니다.

JavaScript에서 스위치 문을 사용하는 방법에서 스위치 문을 사용하는 방법

표현식이 더 번거롭다면 다음 두 조건이 만족될 때 스위치 문을 사용하면 됩니다

표현식과 값은 여러 값을 가질 수 있습니다

각 값을 기준으로 실행을 변경하고 싶을 때

따라해 보세요. switch 문의 구문을 살펴보겠습니다

switch (表达式or变量) {
case 值1 :
break;
case 值2 :
break;
default :
//如果表达式和变量没有对应的值,执行此步骤
break;
}

먼저 스위치에 표현식이나 변수를 작성합니다.

이후에는 여러 값과 해당 실행 코드를 작성하겠습니다. (Switch 문에서 코드 실행은 기본적으로 병렬 관계임을 구문을 보면 알 수 있습니다.)

break 설명에 주목해주세요. case~break는 프로세스가 완료된 것입니다.

마지막 기본값은 표현식의 결과가 어떤 값과도 일치하지 않는 경우 실행되는 것입니다. 필요에 따라 쓰셔도 되고 안 쓰셔도 됩니다.

switch 문

의 구체적인 예를 살펴보겠습니다. 변수를 멤버로 정의하고 멤버에 할당된 사람의 이름이 가족의 값인지 확인하는 프로그램을 작성해 보겠습니다.

Tom, Jerry, Holly라는 세 사람이 있는데, 이름이 지정되면 브라우저에 "Tom is my family" 등이 표시됩니다. 타인의 이름을 쓸 때에는 "XX는 내 가족이 아닙니다"라고 표시하세요.

코드는 다음과 같습니다

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript에서 스위치 문을 사용하는 방법에서 스위치 문을 사용하는 방법</title>
</head>
<body>
<script>
var member = "Tom";
switch (member) {
case "Tom":
document.write ("Tom is my family");
break;
case "Jerry":
document.write ("Jerry is my family");
break;
case "Holly":
document.write ("Holly is my family");
break;
default:
document.write (member + "is not my family");
break;
}
</script>
</body>
</html>

실행 결과는 다음과 같습니다. 브라우저에 "Tom is my family"가 표시됩니다.

JavaScript에서 스위치 문을 사용하는 방법

var member="Jerry";인 경우 표시 결과는 다음과 같습니다.

JavaScript에서 스위치 문을 사용하는 방법에서 스위치 문을 사용하는 방법

마찬가지로 var member="Holly";인 경우 Holly는 우리 가족입니다.

var member="marry" 등 다른 이름을 입력하면 결과가 다음과 같이 표시됩니다

JavaScript에서 스위치 문을 사용하는 방법에서 스위치 문을 사용하는 방법

위 내용은 JavaScript에서 스위치 문을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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