차례:
비디오: HTML - form : button 2024
JavaScript로 if 문을 사용하여 실제로는 탈출 할 수 없습니다. if 문은 일이 발생했는지 여부, 데이터가 범위 내에 있는지 여부 또는 사용자가 특정 작업을 수행할지 여부를 테스트하는 데 일반적으로 사용됩니다.
JavaScript로 간단한 if 문을 작성하는 방법
if 문의 가장 일반적인 용도 중 하나는 간단한 선택을하는 것입니다. 사용자가 특정 조치를 취하면 무언가가 발생합니다. 다음 예에서 확인 대화 상자에서 확인을 클릭하면 응용 프로그램에 비밀 메시지가 표시됩니다.
// 결과가 true 또는 false 인 표현식을 만듭니다. var Answer = confirm ("비밀 메시지를 표시 하시겠습니까?"); // if 문을 사용하여 표현식을 테스트합니다. if (Answer) {// 사용자가 // [OK]를 클릭 할 때 비밀 메시지를 표시합니다. 문서. getElementById ("결과"). innerHTML = "이것은 비밀 메시지입니다!";}
이 경우 confirm ()은 다른 값을 출력하지 않으므로 Answer에는 true 또는 false 만 포함될 수 있습니다. 결과적으로, 당신은 Answer에서 어떤 종류의 가치 체크를 수행 할 필요가 없습니다 - 당신이해야 할 일은 Answer의 진실한 가치를 결정하여 결정을 내리는 것입니다.
모든 의사 결정 표현은 진실한 가치를 지니고 있습니다. 때로는 진리 값은 스위치 구조로 작업 할 때와 같이 숨겨 지지만 진리 값이 있습니다.
컴퓨터는 true 또는 false 이외의 것을 이해하지 못합니다. 컴퓨터가 다른 것을 할 수있는 것처럼 보이게하는 기법이 있지만 실제로는 여기에 표시된 것처럼 진실 또는 잘못된 결정을 내려야합니다.
if 문으로 무엇을 할 수 있습니까?
if 문은 사용자가 올바르게 응답 할 때 응용 프로그램이 어떤 작업을해야하지만 응답이 올바르지 않으면 입력을 무시할 때 사용합니다. 그러나 입력이 올 바르면 무언가를해야 할 때가 있고 올바르지 않을 때는 뭔가해야 할 때가 있습니다. 이 경우 다음 예와 같이 if 문에 else 절을 추가합니다.
// 결과가 true 또는 false 인 표현식을 만듭니다. var Answer = confirm ("비밀 메시지를 표시 하시겠습니까?"); // if 문을 사용하여 표현식을 테스트합니다. if (Answer) {// 사용자가 // [OK]를 클릭 할 때 비밀 메시지를 표시합니다. 문서. getElementById ("결과"). innerHTML = "이것은 비밀 메시지입니다!";} else {// 다른 작업을 수행하십시오. 알림 ("다음에 확인을 클릭하면 메시지를 볼 수 있습니다!");}
A 절 는 구조체의 확장입니다.이 경우 else 절은 false 조건을 처리하는 두 번째 코드 블록을 포함하도록 if 구조를 확장합니다. 사용자가 확인 () 대화 상자에서 확인을 클릭하면 비밀 메시지가 표시됩니다.
그러나이 코드는 사용자가 취소를 클릭 할 때 경고 () 대화 상자를 표시합니다.) 대화 상자를 사용하여 다른 출력을 얻을 수 있습니다.
JavaScript에서 if 문을 중첩하는 방법
if 문을 다른 문 내에 배치 할 수있는 이유는 많이 있습니다. 이 경우 사용자가 화면에서 옵션을 선택하면 CheckChoice ()가 해당 옵션의 검사를 수행 한 다음 CheckChoice ()가 올바른 결과를 화면에 표시합니다. function CheckChoice (option) {// 입력이 숫자인지 확인합니다. if (typeof (option)! = "number") {// 오류 대화 상자를 표시합니다 alert ("숫자 입력을 제공하십시오!"); // 반환하지 않고 반환 아무것도 더 보내지 마라. return;} // option이 실제로 정수인지 확인하십시오. var Select = Math. 라운드 (옵션); // 입력이 범위 내에 있는지 확인합니다. if ((Select 3)) {// 오류 대화 상자를 표시합니다. 경고 ("제공된 값이 범위를 벗어났습니다!"); // 더 이상 아무것도하지 않고 돌아옵니다. return;} // 선택합니다. if (Select == 1) {문서. getElementById ("결과"). innerHTML = "아이템 A를 선택했습니다.";} else {if (Select == 2) {document. getElementById ("결과"). innerHTML = "아이템 B를 선택하셨습니다.";} else {document. getElementById ("결과"). innerHTML = "항목 C를 선택했습니다";}}} 이 예제는 알려진 입력 소스에 의존하지 않으므로 데이터에 대한 다양한 검사를 수행하여 시작합니다. 첫 번째 검사는 호출자가 숫자 값을 제공했는지 확인합니다. 결국 호출자는 문자열 또는 부울 값을 대신 제공 할 수 있습니다. 그 문제는 입력이 다른 함수 또는 JavaScript가 지원하는 다른 포인터에 대한 포인터가 될 수 있습니다.
다음 단계는 숫자 입력을 정수로 변환합니다. 데이터 변환은 정수 및 부동 소수점 값을 숫자로 처리하므로 JavaScript에서 중요합니다. 정수 값을 원하면 Math를 사용하십시오. 그것을 얻으려면 round ()가 가장 좋은 방법입니다. 이 함수는 가장 가까운 정수 값으로 입력을 반올림합니다. 즉, 3과 같은 값과의 비교를 수행하지 않게됩니다. 5.
이 시점에서 숫자가 있고 숫자가 정수가 아니지만 숫자가 올바른 범위에 있는지 여부를 알 수 없습니다. 입력 값의 범위를 확인하지 못하면 JavaScript 애플리케이션에서 많은 문제가 발생합니다. CheckChoice ()는 1에서 3 사이의 정수 값을 예상하므로 범위 검사에서 이러한 값을 찾습니다.
중첩 된 if 문은이 시점에서 거의 항시 적입니다. Select에는 1, 2 또는 3이 포함되어 있습니다. 첫 번째 if 문은 값 1을 확인하고 해당 값을 찾으면 메시지를 표시합니다. 값이 1이 아닌 다른 값이면 else 절이 대신됩니다. else 절 안에는 중첩 if 문이 있습니다.
이 if 문은 값 2로 선택하고있을 때 적절한 메시지를 표시합니다. Select가 3이면이 두 번째 중첩 된 if 문의 else 절에 적절한 메시지가 표시됩니다.