JS 기본 문법 (一) --- if 문장의 용법
3151 단어 JS 기본 문법
JS 프로그램 은 보통 쓰기 순서에 따라 실행 되 는데 이런 실행 을 순서대로 실행 하 는 것 을 프로그램 흐름 의 기본 방향 이 라 고 한다.순서대로 실행 되 는 것 과 달리 다른 실행 은 프로그램 흐름 을 스 크 립 트 의 다른 부분 으로 변환 합 니 다. 즉, 프로그램 흐름 에 따라 다음 문 구 를 실행 하지 않 고 다른 문 구 를 실현 하 는 것 입 니 다. 이 스 크 립 트 를 사용 하기 위해 서 이 제어 의 변환 은 논리 적 으로 실 행 됩 니 다. 결과 의 반환 값 인 'true' 인지 'false' 가 프로그램의 흐름 을 결정 합 니 다.
프로그램의 3 대 구조 (모든 언어 에 있 음)
3 대 구 조 는 일반적으로 사용 할 때 서로 끼 워 넣 는 것 이다.
1: 순서 구조: 코드 가 위 에서 아래로 순서대로 실 행 됩 니 다.
2: 선택 (조건) 구조
3: 순환 구조
if 선택 문:
단일 선택 구조:
if (조건) {
코드 블록;
}
2 번 선택 구조:
if (조건) {
코드 블록;
}else{
코드 블록 2;
}
if, else 코드 블록 의 문 구 는 한 마디 만 있 으 면 괄호 를 생략 할 수 있 고, 코드 블록 에 여러 개의 문 구 를 가지 고 있 으 면 괄호 를 생략 할 수 없다.
세 개의 연산 자: (약자 의 두 번 째 선택 구조)
표현 식 1 판단 문 표현 식 2? 결과 1: 결과
if () {} else {} 에 여러 개의 문구 가 있다 면 세 개의 연산 자 를 사용 할 수 없습니다.
다 중 선택 구조:
if (조건 1) {
결과 1;
}else if (조건 2) {
결과 2;
}
......
else{
결과 n;
}
예 1: 두 수의 크기 를 비교 하 다
Document
:
:
function $(id){
return document.getElementById(id);
}
window.onload = function(){
$("btn").onclick = function(){
var num1 = $("txt1").value;
var num2 = $("txt2").value;
if(num1>num2){
alert(" !");
}else if(num1<num2){
alert(" !");
}else{
alert(" !");
}
}
}
예 2: 한 해 가 윤년 인지 아 닌 지 를 판단 한다.
Document
:
//
// : , ,
// 4 , 100 400
//
window.onload = function(){
//
document.getElementById("btn").onclick = function(){
var year = document.getElementById("txt").value;
if((year%4==0 && year%100!=0)|| year%400==0){
alert(" !");
}else{
alert(" !");
}
}
}
예 3: 성적 판단 등급 을 입력
Document
:
//
// 60 :E
// 60-70: D
// 70-80: C
// 80-90: B
// 90-100: A
window.onload = function(){
document.getElementById("btn").onclick = function(){
var score = document.getElementById("txt").value;
if(score>=90 && score<=100){
alert(" A!");
}else if(score>=80 && score<90){
alert(" B!");
}else if(score>=70 && score<80){
alert(" C!");
}else if(score>=60 && score<70){
alert(" D!");
}else if(score>=0 && score<60){
alert(" E!");
}else{
alert(" !");
}
}
}