[2주차] 자바스크립트 문법 종합반 : 조건문, 조건문중첩, 반복문

자바스크립트 문법 종합반

-조건문

(1) If 문

(2) Switch 문

(3) 삼항 연산자

(4) 조건문의 중첩

(5) 조건부 실행

(6) 삼항 연산자와 단축 평가

(7) falsy한 값과 truthy한 값

-반복문

(1) for 문

(2) while 문

(3) do...while 문

(4) break 문과 continue 문

 

---

조건문

1.  If 문

// 조건문 (if, else if, else, switch)
// 자바스크립트에서는 조건문을 사용하여 특정 조건을 만족하는 경우에만 코드를 실행할 수 있습니다.

// 1. if 문
// 1-1. 기본 if 문
// if (true 또는 false 가 나올 수 있는 조건) { main logic }
// if문은 조건이 참인 경우에만 코드를 실행합니다.
let x = 10;
if (x > 0) { // x가 0보다 큰가? // true
  console.log("x는 양수입니다."); // x는 양수입니다.
}

let x = 10;
if (x < 0) { // x가 0보다 작은가? // false
  console.log("x는 양수입니다."); // 로직 실행 안됨
}


let y = "hello world";
if ( y.length >= 5) { // y의 길이가 5보다 크거나 같으면 길이를 console.log로 출력
  console.log(y.length);
}

// 1-2. if-else문
// if-else문은 조건이 참인 경우와 거짓인 경우 각각 다른 코드를 실행합니다.
let x = 10;
if (x > 0) {
  //main logic #1
  console.log("x는 양수입니다.");
} else {
  // main logic #2
  console.log("x는 음수입니다."); // x는 양수입니다.
}


// 1-3. if-else if-else 문
let x = 0;

if (x > 0) {
  // main logic #1
  console.log("x는 양수입니다.");
} else if (x < 0) {
  // main logic #2
  console.log("x는 음수입니다.");
} else {
  // main logic #3
  console.log("x는 0입니다.");
}

 

 

 

 

2. switch문

// Switch 문
// 변수의 값에 따라 여러 개의 경우(case) 중 하나를 선택하여 해당하는 코드를 실행
// default는 모든 경우에 맞지 않는 경우에 실행되는 코드를 작성합니다.
// Switch 문에서는 항상 변수가 함께 나온다

let fruit = '사과';

switch (fruit) { // 소괄호(변수명)
    case "사과":
      console.log("사과는 빨간색입니다.");
      break; // case가 끝날 때 break를 써야 logic 실행뒤 중괄호 밖으로 빠져나올 수 있다.
    case "바나나":
      console.log("바나나는 노란색입니다.");
      break;
    case "오렌지":
      console.log("오렌지는 주황색입니다.");
      break;
    default: // default는 모든 경우에 맞지 않는 경우에 실행되는 코드를 작성합니다.
      console.log("해당하는 과일이 없습니다.");
      break;
  }

 

 

3. 삼항 연산자

  // 삼항 연산자
  let age = 20;
  let message = (age >= 18) ? "성인입니다." : "미성년자입니다.";
  console.log(message);   // "성인입니다."

//  삼항 연산자를 사용하여 변수 age가 18세 이상인 경우 "성인입니다.", 그렇지 않은 경우 "미성년자입니다."라는 메시지를 출력합니다. 삼항 연산자는 if문과 비슷한 역할을 하며, 조건이 참인 경우와 거짓인 경우 각각 다른 값을 반환합니다.

 

[2주차] 자바스크립트 문법 종합반 : 연산자, 함수

 

 

4. 조건문의 중첩

// 조건문의 중첩
let age = 20;
let gender = "여성";

if (age >= 18) { // age를 기준으로 미성년자와 성인 구분
   console.log("성인입니다.");
   if (gender === "여성") { // 남성인지 여성인지 구분
    console.log("여성입니다.");
    } else {
    console.log("남성입니다.");
    }
} else {
  if (gender === "여성") { // 남성인지 여성인지 구분
    console.log("미성년 여성입니다.");
    } else {
    console.log("미성년 남성입니다.");
    }
    // console.log("미성년입니다.");
}

// 하지만 코드를 많이 중첩해서 쓰는 건 좋지 않음 -> 가독성 떨어짐, 코드 유지보수 힘듬

 

5. 조건부 실행

// 조건부 실행
// and 조건 (&&)
// 어떤 특정한 경우에만 실행하는 것

// x 가 0보다 크면 "x는 양수입니다."를 실행시켜라
let x = 10;

if (x >0) {
  console.log("x는 양수입니다.");
}
// 위에 식을 &&조건을 사용해 아래로 줄인 형태
(x > 0) && console.log("x는 양수입니다.");

 

6. 삼항 연산자와 단축 평가

// 삼항 연산자와 단축평가
// or 조건 (||)
let y; // y에는 선언만 항 상태고, 값이 할당되지 않았기때문에 undefined 상태
let z = y || 20; // y가 undefined 면 20을 기본값으로 세팅해줘
console.log(z); // 20

 

 

7. falsy한 값과 truthy한 값

// falsy한 값과 truthy한 값
// if 문 () 안에 조건으로 사용될 수 있는 값들은 무엇이 있는가?
// true에 또는 false에 가깝나?

if (0) {
  console.log("이 코드는 실행되지 않습니다."); // false
}

if ("") {
  console.log("이 코드는 실행되지 않습니다."); // 빈문자열 // false
}

if (null) {
  console.log("이 코드는 실행되지 않습니다."); // 일부러 값이 존재하지 않음을 명시적으로 나타낸 것 //false
}

if (undefined) {
  console.log("이 코드는 실행되지 않습니다."); // 값이 할당안된것 //false
}

if (NaN) {
  console.log("이 코드는 실행되지 않습니다."); // 숫자가 아닌 것 하지만 type은 number // false
}

if (false) {
  console.log("이 코드는 실행되지 않습니다."); /// false
}

 

 

 

---

반복문

1. for 문

2. while 문

3. do...while 문

4. break 문과 continue 문