JavaScript 스위치 사례:단계별 가이드

자바스크립트 스위치 케이스는 다중 if else입니다. 성명. if 문과 같은 조건식을 취하지만 다양한 코드 블록을 실행하기 위해 표현식의 결과와 일치할 수 있는 많은 조건(또는 케이스)을 가질 수 있습니다.

조건문은 프로그래밍의 필수적인 부분이며 컴퓨터 프로그램의 흐름을 제어하는 ​​데 사용됩니다. JavaScript에서 가장 일반적인 형태의 조건문은 “if”입니다. 및 “if...else” 특정 조건 또는 조건 집합이 충족되는 경우에만 코드를 실행하는 데 사용할 수 있는 코드 블록.

여러 조건에 대해 표현식을 평가하는 데 사용할 수 있는 JavaScript에 내장된 또 다른 조건문이 있습니다. 바로 switch case 문입니다. Switch case 문은 여러 사례에 대해 특정 조건이 충족되는지 확인하는 데 사용할 수 있으며 해당 조건이 충족되는 코드 블록을 실행합니다.

이 자습서에서는 JavaScript 스위치 표현식 case 문을 사용하여 조건문을 만드는 방법에 대해 설명합니다. 또한 switch 문과 함께 여러 케이스를 사용하여 고급 표현식을 만드는 방법도 살펴봅니다.

자바스크립트 조건문 새로 고침

조건문을 사용하면 특정 조건이 충족되면 코드를 실행할 수 있고 해당 조건이 충족되지 않으면 코드 블록을 실행하지 않을 수 있습니다. 조건문은 참 및 거짓 명령문의 결과를 기반으로 조건이 충족되는지 여부를 평가합니다.

조건문은 사용자가 주문 페이지의 모든 양식을 작성했는지 확인하거나 로그인한 경우에만 제품 제안에 대한 메시지를 사용자에게 표시하려는 경우에 유용할 수 있습니다.

JavaScript에서 가장 일반적인 형태의 조건문은 “if” 성명. “if” 명령문은 명령문이 참인지 거짓인지 평가하고 명령문이 참으로 평가되는 경우에만 실행됩니다. 다음은 JavaScript의 if 문의 예입니다.

var age = 17;

if (age >= 16) {
	console.log("You are aged 16 or over!");
}

코드를 실행하면 다음 출력이 반환됩니다. “You are aged 16 or over!”

참가자의 81%는 부트캠프에 참석한 후 기술 직업 전망에 대해 더 자신감을 느꼈다고 말했습니다. 지금 부트캠프에 참여하십시오.

부트캠프 졸업생은 부트캠프 시작부터 첫 직장을 찾는 데까지 6개월도 채 걸리지 않았습니다.

“if” 명령문에는 “else if”도 함께 제공됩니다. 여러 조건을 확인하는 데 사용할 수 있는 문. JavaScript if 및 else 문에 대해 자세히 알아보려면 "if...else" 문에 대한 자습서를 참조하세요.

이제 JavaScript의 조건문의 기본 사항을 알았으므로 “switch case”를 탐색할 수 있습니다. 성명.

자바스크립트 스위치 케이스

자바스크립트 “switch” 명령문은 명령문을 평가하고 해당 명령문이 true로 평가되면 코드 블록을 실행합니다. “switch” 명령문은 “if”와 유사한 방식으로 작동합니다. 명령문이 참인지 확인하고 명령문이 참이면 실행한다는 점에서 명령문입니다.

“switch” 문은 다음 구문을 사용하여 작성됩니다.

switch (statement) {
	case a:
		// Run code
		break;
	case b:
		// Run code
		break;
	default:
		// Run code
		break;
};

여기에서 많은 일이 진행 중이므로 분해해 보겠습니다. 이것은 우리 프로그램이 “switch”를 읽을 때 따를 절차입니다. 성명:

• 스위치 표현식은 문이 실행될 때 평가됩니다.
• 문장의 값을 각각의 경우와 비교합니다.
• 케이스가 우리의 명령문과 일치하면 관련 코드 블록이 실행됩니다.
• 어떤 경우도 충족되지 않으면 “default”의 코드 케이스 블록이 실행됩니다.

이것이 실제로 어떻게 작동하는지 설명하기 위해 예를 사용하겠습니다. 따라서 사용자가 인기 있는 음료의 가격을 쉽게 확인할 수 있는 프로그램을 만들고자 하는 커피숍 주인이라고 가정해 보겠습니다. 이 예에서는 사용자가 선택한 음료를 커피 목록과 비교하여 평가한 다음 선택한 음료의 가격을 인쇄합니다.

다음은 사용자가 인기 있는 음료의 가격을 확인할 수 있도록 하는 코드입니다.

const drink_name = "Americano";

switch (drink_name) {
	case "Americano":
		console.log("The price of an Americano is $2.60");
		break;
	case "Cappuccino":
		console.log("The price of a cappuccino is $2.75");
		break;
	case "Macchiato":
		console.log("The price of a macchiato is $3.00");
		break;
	case "Espresso":
		console.log("The price of an espresso is $2.40");
		break;
	default:
		console.log("This drink is not available");
}

“drink_name” 변수로 프로그램을 실행할 때 “Americano,”와 동일 다음이 반환됩니다.

The price of an Americano is $2.60.


“drink_name”을 설정하면 다른 음료와 같게 하려면 해당 음료의 해당 가격이 표시됩니다. 또한 잘못된 음료 이름을 입력한 경우 코드는 "default” 의 내용을 반환했을 것입니다. 이 경우 “This drink is not available.”라는 메시지입니다.

“break”를 추가합니다. 모든 case 문의 끝에 키워드. break 문을 포함하지 않으면 프로그램은 충족된 후에도 문을 계속 평가합니다. 이것은 비효율적이며 “break case”을 사용합니다. 키워드를 사용하여 표현식이 충족되면 프로그램이 케이스 검색을 중지합니다.

자바스크립트 여러 케이스 전환

위의 예에서는 각 표현식에 대해 단일 케이스를 사용했으며 각 표현식은 서로 다른 출력을 가졌습니다. 그러나 여러 케이스가 동일한 결과를 산출하도록 하려면 어떻게 해야 합니까?

바리스타가 메뉴에 두 가지 새로운 음료를 추가했는데 그 음료의 가격은 마끼아또와 같다고 가정해 보겠습니다. 자체 코드 블록으로 여러 개의 새 사례를 작성하는 대신 둘 이상의 “case”를 사용할 수 있습니다. 각 코드 블록에 대해

위의 예를 사용하여 여러 사례를 사용하는 방법을 설명합니다. 그러나 이 예에서는 “The price of [drink name] is [price].”로 변경합니다. “The price of this drink is [price].” console.log() 문을 재사용할 수 있습니다.

우리는 또한 각각 $3.00(마끼아또와 동일)의 두 가지 새로운 음료인 라떼와 모카를 추가할 예정입니다.

다음은 새로운 음료가 포함된 수정된 코드입니다.

const drink_name = "Mocha";

switch (drink_name) {
	case "Americano":
		console.log("The price of this drink is $2.60");
		break;
	case "Cappuccino":
		console.log("The price of this drink is $2.75");
		break;
	case "Latte":
	case "Mocha":
	case "Macchiato":
		console.log("The price of this drink is $3.00");
		break;
	case "Espresso":
		console.log("The price of this drink is $2.40");
		break;
	default:
		console.log("This drink is not available");
}

위의 코드를 “drink_name”으로 실행할 때 “Mocha,”와 같은 변수 다음 응답이 반환됩니다.

The price of this drink is $3.00.


보시다시피 우리 프로그램은 "Mocha"가 사례로 나열되어 있고 관련 블록에서 코드를 실행한 것을 발견했습니다.

결론

“switch” 조건문을 사용하여 표현식을 평가하고 해당 표현식이 충족되는지 여부에 따라 값을 반환할 수 있습니다. Switch 문은 여러 가능한 결과에 대해 문을 평가하려는 경우에 유용합니다.

이 자습서에서는 JavaScript의 조건문의 기본 사항에 대해 설명했습니다. 그런 다음 “switch”를 사용하는 방법을 살펴보았습니다. 및 “case” 여러 “case” 를 사용하는 방법의 예를 살펴보았습니다. “switch”의 문 차단하다.

이제 전문가처럼 JavaScript "switch case" 문을 사용하는 데 필요한 정보를 얻었습니다!