[ HTML + CSS + 자바스크립트] 9.4 ~ 9.5

[ 코딩 자율학습 ]

HTML+CSS+자바스크립트

9.4 ) 조건문 다루기

< 조건문 >

1. if

2. switch

//조건식이 짝수인 지 판단 - 조건식 참이면 중괄호 안 코드 실행
let num = 10;
if (num % 2 === 0) {
  console.log("변수 num에 할당된 숫자는 짝수입니다.");
}

- if 문 -

: if 뒤에 오는 소괄호 조건식이 참이면,

중괄호 안의 코드 실행

let num = 5;
if (num % 2 === 0) {
  console.log("변수 num에 할당된 숫자는 짝수입니다.");
} else {
  console.log("변수 num에 할당된 숫자는 홀수입니다.");
}
//변수 num에 할당된 숫자는 홀수입니다. 출력된다.

- else 문 - 

: if문 없이 단독사용불가

let num = 0; //num 변수 선언
if (num > 0) {
  console.log("양수");
} else if (num < 0) {
  console.log("음수");
} else {
  console.log("0");
}
// 0이 출력됨.

- else if 문 -  

: if문에 조건 추가하고 싶을 때 사용 

(개수 제한 X)

: if문 없이 단독사용불가

 

- if문 중첩 -

분기처리: 어떤 블록문 실행할지 결정

: 중첩 횟수 제한 X

let food = "gelly";
switch (food) {
  case "melon":
    console.log("fruit");
    break;
  case "apple":
    console.log("fruit");
    break;
  case "carrot":
    console.log("vegetable");
    break;
  default:
    console.log("It's not fruits and vegetables");
    break;
}
// It's not fruits and vegetables"

- switch 문 -

: 하나 이상의 case 문과

default 문 

break 문 사용 (생략 가능)

9.5) 반복문 다루기

< 조건문 >

1. while

2. do while

 3. for

// 1 ~ 99 까지 출력
let num = 1;
while (num <= 99) {
  console.log(num);
  num++;
}

- while 문 -

: 조건식이 참이면 실행

do {
  console.log("무조건");
  console.log("한 번은 실행");
} while (false);
// 무조건
// 한 번은 실행

- do while 문 -

: 특정 조건이 참으로 평가되는 동안

 do 다음에 오는 반복문 실행

while 조건식이 false 여도 실행.

// 반복문 중첩
for (let i = 0; i < 2; i++) {
  console.log(`i : ${i}`);
  for (let k = 0; k < 2; k++) {
    console.log(`k : ${k}`);
  }
}
// i : 0
// k : 0
// k : 1
// i : 1
// k : 0
// k : 1

- for 문 -

: 지정횟수 반복실행

: 중첩가능

let arr = ["banana", "apple", "orange"];
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}
// banana
// apple
// orange

- for 문과 배열 -

let obj = { name: "철수", age: "20" };
for (let key in obj) {
  console.log(key + ": " + obj[key]);
}
// name: 철수
// age: 20

- for in문 -

// 홀수일 떄 반복문 건너뛰기
for (let i = 1; i <= 10; i++) {
  if (i % 2 === 1) continue;
  console.log(i);
}
// 2
// 4
// 6
// 8
// 10

- continue 문 -

: 반복문 건너뛰고 실행.