자바스크립트 for문, if문, while문 활용하기

자바스크립트 함수

for문 이란?

for문은 프로그래밍에서 반복적으로 작업을 수행할 때 사용되는 제어 구조입니다. 보통 리스트, 배열 또는 다른 유형의 데이터 집합을 반복하면서 각 항목에 대해 특정한 작업을 수행하는 데 사용됩니다.

👍 활용 예시 👍

• 1부터 100까지 출력하기

   for (let num = 1; num <=100; num++) {
        console.log(i);
   }

결과 확인하기

1~100

for문을 보면 num 이라는 변수를 선언한 후 값을 1로 준것을 확인 할 수 있다. 좀 더 자세하게 코드를 보게되면 num은 100보다 작거나 같으면 그 변수에 값에 +1을 계속하게 된다 그리고 100에서 멈추게 되는 것이다. 어떻게 작동하는지 알게되었으니, for문을 조금 더 활용 해보자 다음 예시를 보고 결과가 어떤식으로 나올지 생각 해보는 것도 공부하는데 큰 도움이 될것이다.

• 0부터 100까지 짝수만 출력하기 여기서는 if문이 활용이 된다.

{
   for (let i =0; i <=100; i++) {
      if (i % 2 == 0){
      console.log(i);
      }
   }
}

결과 확인하기

짝수

✋ 여기서 잠깐 ✋
해당 예제에서 사용되었던 if문에 대해서 알아가보도록 하자

if문 이란?

if문은 프로그래밍에서 조건을 확인하고, 조건이 참(True)이면 특정 코드를 실행하는 제어 구조입니다. 조건이 거짓(False)이면 해당 코드는 실행되지 않거나 대체 코드 블록이 실행될 수 있습니다. 주로 조건부 실행이 필요한 상황에서 사용됩니다.

👍 활용 예시 👍

• 0부터 100까지 홀수만 출력하기

{
   for (let i = 0; i <= 100; i++){
      if (i % 2 == 1){
         console.log(i);
      }
   }
}

결과 확인하기

홀수

이런식으로 for문에 있는 i에값이 100보다 작거나 크면 i는 100이 될때까지 값이 0부터 증가하게 될 것이다. if 문을 보면 (i % 2 == 1) 이라는 식을 볼 수 있을 것이다. 여기서 % 란 나머지를 계산하는 프로그래밍 언어라고 생각하면 된다. 그래서 if문을 자세하게 들여다보면 i의 값에서 2를 나눠 나머지가 1이 되는 값들을 출력해 달라는 것을 알수가있다.

✍️ if,for문 좀더 파해치기

이번에는 if, for문을 좀더 활용해서 짝수는 파랑색, 홀수는 빨강색 이 출력되게끔 만들어보자.

👍 활용 예시 👍

• 1 부터 100까지 출력 하지만 짝수는 파랑색 홀수는 빨강색

{
   for (let i = 1; i <= 100; i++) {
       if (i % 2 == 0) {
           document.write("<span style= 'color:blue>" + i + "</span>");
       } else {
           document.write("<span style= 'color:red'>" + i + "</span>");
       }
   }
}

해당식을 보게되면 i의 변수가 2로 나누어졌을때 남은 나머지가 0일 경우 즉 짝수일때 span style로 파랑색이 적용되어 출력이 되는것을 확인 할 수 있다. 하지만 2로 나누었을때 나머지가 0이 아닐 경우 즉 홀수 일때 빨강색이 출력 되는것을 알수가있다.

다음시간에 계속.