🔥 #11 javascript(for, while 문)

🔥 for 문

for문은 조건식의 결과가 참인 동안 반복적으로 실행하고자 하는 실행문이다. for문은 while문과는 달리 자체적으로 초기식, 표현식, 증감식을 모두 포함하고 있는 반복문이다. 따라서 while문보다는 좀 더 간결하게 반복문을 표현할 수 있다.

❌ for문을 구성하는 초기식, 조건식, 증감식은 각각 생략될 수 있다. 또한, 쉼표(,)를 사용하면 여러개의 초기식이나 증감식을 동시에 사용할 수도 있다.

for(let i = 0; i <= 10; i++)

위 뜻은 i는 0부터 시작하고 10까지 하나씩 증가한다는 뜻이다.
for문을 예를 들어보자.

for(let i = 0; i <= 10; i++){
    if(i%2==0){
        console.log(i+"짝수입니다.");
    }
}

위 코드는 짝수만 출력하는 코드이다. 위와 같이 for문에서 i를 10번 반복 하는것이다. 그리고 if문안에 i가 2로 나눴을 때 나머지가 0인 항목들만 "짝수입니다." 출력하는 코드이다.

🏃‍♂️ for문으로 구구단 만들기.(중첩 for문)

for(let i=2; i<=9; i++){
    for(let j=1; j <=9; j++){
        console.log(i+"x"+j+"=" + i*j);
    }
}

위 코드는 구구단을 출력하는 코드이다. i가 2부터 1씩증가하여 9까지 반복한다. 여기서 i가 2에서부터 시작 하고 안에 있는 for문으로 들어간다. 쉽게 예를 든다면 i라는 톱니바퀴가 있다. i라는 톱니바퀴가 9번 돌려면 j라는 톱니바퀴가 9번 돌아야 i톱니바퀴가 한번 돌아간다. 결국 i톱니바퀴가 한번 돌려면 j 톱니바퀴가 9번 돌아야한다는 뜻이다. 그래서 i*j를 출력하면 구구단이 나오는 것이다.

🏃‍♂️ for/in 문

for/in문은 일반적인 for문과는 전혀 다른 형태의 반복문이다. for/in문은 해당 객체의 모든 열거할 수 있는 *프로퍼티를 순회할 수 있도록 해준다.

*프로퍼티란 일부 객체 지향 프로그래밍 언어에서 필드(데이터멤버)와 메소드 간 기능의 중간인 클래스 멤버의 특수한 유형이다.
출처 : 위키백과

for/in문에 예제를 살펴보자. for/in문을 사용하여 배열의 요소에 접근한 예제이다.

let fruit = ["banana", "apple", "mango", "grape"];

for(let i = 0; i<fruit.length; i++){
    console.log(fruit[i]);
}

위 코드는 fruit라는 배열을 출력하려고 한다.
i가 0에서 부터 fruit.legth(fruit의 배열 길이)만큼 i증가한다. 곧 i를 하나씩 증가해 배열 인덱스 0부터 출력하는 것이다.

for/in문 두번째 예제
for/in문을 사용하여 객체의 프로퍼티에 접근하는 예제이다.

    let obj = {
      name : "이순신",
      age : 20
    };

    for (var i in obj) {
      document.write(i + "<br>");
    }

🔥 while 문

while문은 어떠한 값이 조건에 의해 그 조건에 만족하는 동안 계속 실행할 수 있다. 예를들어 "출력정지"버튼을 누를 때 까지 출력해! 라고 할 수 있다. while문은 무한 반복이 될 수 있다.

while(true){
    console.log("while문의 무한 반복")
}

while문을 true로 주면 무한반복 된다.

무한반복에서 벗어나려면 break를 사용하면 된다.

let val;

   while (true){
      val = Math.ceil(Math.random() * 10);
      document.write("val : " + val + "<br>");
      if (val==7){
         break;
      }
   }

위와 같은 코드로 작성하면 된다.