[2주차] 자바스크립트 문법 종합반 : 반복문, break continue

자바스크립트 문법 종합반

-반복문

(1) for 문

(2) while 문

(3) do...while 문

-break continue

(1) break 문

(2) continue 문

 

---

반복문

1. for 문

1-1. 기본적인 for문

// 반복문
// 1. for 문 : ~하는 동안 
// 1-1. 기본적인 for 문
// 기본 구조
// for (초기값; 조건식; 증감식) {

// }


for (let i = 0; i < 10; i++) { 
// i 라는 변수가 0 이라는 초기값을 가지고 시작하여
// 10에 도달하기 전까지
// i 라는 변수는 한 싸이클이 돌고나면 1을 더한다
  console.log(i);
}

//1
//2
//3
//4
//5
//6
//7
//8
//9

 

 

 1-2. 배열과 함께 사용하는 for문

// 1-2. 배열과 함께 사용하는 for문
let numbers = [1, 2, 3, 4, 5];

for (let e = 0; e < numbers.length; e++) {
  console.log(numbers[e]);
}
//1
//2
//3
//4
//5


// 연습문제: 0부터 10까지의 수 중에서 2의 배수만 console.log로 출력하는 예시
for (let i = 0; i < 11; i++ ) {
  if(i >=2) {
    if( i % 2 === 0) {
      console.log(i + " 는 2의 배수입니다.");
      }
    }
}

//2 는 2의 배수입니다.
//4 는 2의 배수입니다.
//6 는 2의 배수입니다.
//8 는 2의 배수입니다.
//10 는 2의 배수입니다.

 

 

1-3. for...in 문

// 1-3. for...in문
// 객체 속성을 출력하는 문법
let person = { name: "John", age: 30, gender: "male" };

for (let key in person) { // 객체 안에 있는 key를 말함
  console.log(key + ": " + person[key]); // person의 모든 키
}

//name: John
//age: 30
//gender: male


// 추가적인 정보
// 객체의 value 값에 접근하는 방법으로
object[key];

 

 

2. while 문

// while 문 : ~하는 동안
let i = 0; // 초기값

while (i < 10) { // while(조건)
  console.log(i); // main logic
  i++; // 증감식 // 이 자리에서 10이 되는 순간 튕겨나가 식이 마무리가 된다.
}

//1
//2
//3
//4
//5
//6
//7
//8
//9


// 연습문제 : while문을 이용해, 3초과 100 미만의 숫자 중 5의 배수인 것만 출력하는 예
// 내 풀이
let e = 0;
while (e < 100) {
  if (e > 3) {
    if (e % 5 === 0){
      console.log(e);
      e++;
    } e++;
  } else {
    e++;
  }
}

//튜터님 풀이
let h = 3;
while (h <100) {
  if (h % 5 === 0 && i >=5) {
    console.log(i + "는 5의 배수입니다.")
  }

  h++;
}

 

 

 

3. do...while 문

//  do...while문
// 일단 한 번은 코드를 실행하고, 그 후에 조건식을 체크하여 반복 여부를 결정합니다.
let i = 0;

do {
  console.log(i);
  i++;
} while (i < 10);

//0
//1
//2
//3
//4
//5
//6
//7
//8
//9

 

---

 

break continue

1. break 문

// break 문
// for문과 항상 결합되어 사용된다.

// break가 없다면
for (i = 0; i < 11, i++;) {
  console.log(i);
}
// 0 // 1 // .... // 9 // 총 9번찍힘


//하지만 break 문을 쓴다면
for (i = 0; i < 11, i++;) {
  if (i === 5) {
    break // 
  }
console.log(i);
}
// 0 // 1 // 2 // 3 // 4 // 총 5번만 찍히게 된다.

 

 

 

2. continue 문

// continue 문
for (let i = 0; i < 10; i++) {
  if (i === 5) {
    continue; // continue 를 만났을 때 밑으로 가지 않고, 그 다음 순서로 넘어간다.
  }
  console.log(i);
}
// 0 // 1 // 2 // 3 // 4 // 6 // 7 // 8 // 9 //
// 5가 없다!