차례:
- JavaScript에서 기본 스위치를 만드는 방법
- switch 문은 다른 절인 기본 절을 포함합니다. default 절은 if 문의 else 절과 같습니다. case 절이 하나도 true가 아닌 경우 코드는 default 절에서 코드를 실행합니다. 다음 예제에서는 default 절을 사용하여 예제가 작동하는 방식을 수정합니다.
비디오: JavaScript - 조건문4 - switch 문 2024
if 문은 일반적으로 JavaScript의 단순한 선택에 사용되지만 switch 문은 여러 선택 항목을 처리하는 데 사용됩니다. 스위치는 변수 데이터를 처리하는 우아한 방법을 제공합니다. switch 문에는 두 가지 형식이 있습니다.
첫 번째 옵션은 사전 정의 된 선택 범위로 작업하는 방법을 제공하고 두 번째 옵션은 예기치 않은 정보가 포함될 수있는 데이터로 작업하는 방법을 제공합니다. 이 두 번째 형식은 사용자가 예측할 수 없기 때문에 switch 문을 특히 유용하게 만듭니다.이 두 번째 형식은 이러한 사용자를 고려할 수 있습니다.
JavaScript에서 기본 스위치를 만드는 방법
많은 개발자가 switch 문을 이해하기 쉽기 때문에 switch 문을 중첩 if 문보다 선호합니다. switch 문은 동일한 결과를 얻기 위해 더 적은 타이핑을 요구합니다.
function CheckChoice (option) {// 입력이 숫자인지 확인합니다. if (typeof (option)! = "number") {// 오류 대화 상자를 표시합니다. 알림 ("숫자 입력을 제공해주세요!"); // 더 이상 아무것도하지 않고 돌아옵니다. return;} // option이 실제로 정수인지 확인하십시오. var Select = Math. 라운드 (옵션); // 입력이 범위 내에 있는지 확인합니다. if ((Select 3)) {// 오류 대화 상자를 표시합니다. 경고 ("제공된 값이 범위를 벗어났습니다!"); // 더 이상 아무것도하지 않고 돌아옵니다. return;} // 선택합니다. 스위치 (선택) {사례 1: 문서. getElementById ("결과"). innerHTML = "아이템 A를 선택했습니다."; 단절; 사례 2: 문서. getElementById ("결과"). innerHTML = "아이템 B를 선택하셨습니다."; 단절; 사례 3: 문서. getElementById ("결과"). innerHTML = "아이템 C를 선택하셨습니다."; switch 문이나 중첩 된 if 문 중 어느 것을 사용하든간에 입력이 올바른지 논리를 제공해야합니다. 그렇지 않으면 응용 프로그램이 실패 할 가능성이 큽니다. 이 경우 실패는 응용 프로그램이 전혀 수행하지 않는 것과 동일하지만 실패의 개념은 같습니다. 정확한 값을 위해 입력 내용을 항상 확인하십시오.일부 사람들은 switch 문에서 진리 값의 위치를 이해하는 데 어려움을 겪습니다. switch 문에는 변수 (이 경우 Select)가 필요합니다. 각 case 절은 변수에 대해 비교를 수행합니다. 결과적으로 첫 번째 case 절이 case == 1로 표시되는 것을 볼 수 있습니다.
switch 문을 사용하여 작업 할 때는 각 처리 세그먼트의 끝에 break 문도 포함해야합니다. break 문은 사건이 평가되고 처리되었다고 간단히 말합니다.
폴스 스루 (fall-through), 로 알려져 있으며 일부 개발자는이를 작업을 결합하고 필요한 코드의 양을 줄이는 프로그래밍 기술로 사용합니다. 이 기술을 사용하는 것은 위험합니다. 왜냐하면 다른 개발자가 fall-through가 필요하다는 것을 깨닫지 못하기 때문에 break 문을 추가 할 수 있기 때문입니다. JavaScript의 기본 옵션을 사용하는 방법
switch 문은 다른 절인 기본 절을 포함합니다. default 절은 if 문의 else 절과 같습니다. case 절이 하나도 true가 아닌 경우 코드는 default 절에서 코드를 실행합니다. 다음 예제에서는 default 절을 사용하여 예제가 작동하는 방식을 수정합니다.
function MakeAChoice () {// 사용자에게 입력을 요구합니다. var Selection = prompt ("메뉴 옵션을 입력하십시오."); // 문자열을 숫자로 변환합니다. var IntSelect = parseInt (선택); // 사용자가 숫자를 제공했는지 확인합니다. if (isNaN (IntSelect)) {// 오류 대화 상자를 표시합니다. 알림 ("숫자 입력을 제공해주세요!"); // 더 이상 아무것도하지 않고 돌아옵니다. return;} // 선택 함수를 호출하십시오. CheckChoice (IntSelect);}
무수한 버튼을 제공하는 대신이 예제에서는 프롬프트 () 대화 상자를 사용하여 사용자로부터 입력을받습니다. 결과는 더 깔끔한 인터페이스입니다. 사용자가 메뉴 항목 선택을 클릭하면 응용 프로그램에 사용자가 값을 입력 할 수있는 프롬프트 () 대화 상자가 표시됩니다.
이것은 재앙의 처방이라고 생각할 수도 있지만, 응용 프로그램은 이전과 마찬가지로 입력 유효성에 대해 동일한 검사를 수행하지만 다른 기법을 사용합니다.
이 경우 응용 프로그램은 partInt ()를 사용하여 입력이 숫자인지 확인하고 숫자를 정수 값으로 변환합니다. 입력 값이 정확하지 않으면 IntSelect는 숫자가 아님 (NaN)으로 설정됩니다. 이 예제는 isNaN () 함수를 사용하여이 문제를 감지합니다. 사용자가 숫자 입력을 제공하면 응용 프로그램은 CheckChoice ()를 호출합니다.이 코드는
function CheckChoice (option) {// 선택합니다. 스위치 (옵션) {사례 1: 문서. getElementById ("결과"). innerHTML = "아이템 A를 선택했습니다."; 단절; 사례 2: 문서. getElementById ("결과"). innerHTML = "아이템 B를 선택하셨습니다."; 단절; 사례 3: 문서. getElementById ("결과"). innerHTML = "아이템 C를 선택하셨습니다."; 단절; default: // 오류 대화 상자를 표시합니다. 경고 ("제공된 값이 범위를 벗어났습니다!"); break;}}
나머지 코드는 어디 있는지 궁금 할 지 모르지만 이것이 전부입니다. switch 문은 1, 2 또는 3 값을 확인합니다. 값이 해당 범위를 벗어나면 코드는 범위를 벗어난 오류 메시지가 포함 된 default 절을 사용합니다. 보시다시피이 두 함수는 개발자와 사용자 모두에게 메뉴 작업을 훨씬 간단하게 만듭니다.