웹 프로그래밍

코스 전체목록

닫기

[JavaScript] 조건문과 반복문

자바스크립트의 조건문과 반복문은 대부분의 언어와 비슷하기 때문에 많은 부분을 생략합니다.

if문

var date = new Date();
var hour = date.getHours();

if(hour < 11) {
    alert("아침");
}
else if(hour < 15) {
    alert("점심");
}
else {
    alert("저녁");
}

switch문

var input = Number(prompt('숫자를 입력하세요.', '숫자'));

switch(input % 2) {
    case 0:
        alert("짝수입니다.");
        break;
    case 1:
        alert("홀수입니다.");
        break;
    default:
        alert("숫자가 아닙니다.");
        break;
}

삼항 연산자

var input = prompt('숫자 입력', '');
var number = Number(input);

(number > 0) ? alert('자연수') : alert('자연수아님');

짧은 조건문

true || alert('실행될까요?A');
false || alert('실행될까요?B');
// A는 실행되지 않고 B는 실행된다.

true && alert('실행될까요?C');
false && alert('실행될까요?D');
// C는 실행되고 D는 실행되지 않는다.

첫 번째 문장은 좌변이 참이므로 우변을 확인하지 않고 넘어갑니다. 두 번째 문장은 좌변이 거짓이므로 우변을 확인합니다. 이 과정에서 B 경고창이 발생합니다. 비슷한 맥락으로 세 번째와 네 번째 문장을 생각해 보면 왜 그런지 알 수 있다. 이를 활용하는 방법은 true, false 자리에 다른 조건문을 사용하는 것이다. 사실 잘 쓰지 않는다.

 

while 반복문

value = 0;
while(value < 5) {
    alert(value + '번째 반복');
    value++;
}

do while 반복문

var value = 0;
do {
    alert(value + '번째 반복문');
    value++;
} while(value < 5);

for 반복문

var array = ['포도', '사과', '바나나', '망고'];

for(var i=0; i<array.length; i++) {
    alert(array[i]);
}

for in 반복문

자바스크립트는 배열이나 객체를 더욱 쉽게 다룰 수 있도록 for in 반복문을 제공한다. 위 for 문의 예제는 아래와 같이 바꿔 사용할 수도 있다.

var array = ['포도', '사과', '바나나', '망고'];

for(var i in array) {
    alert(array[i]);
}

댓글

댓글 본문
  1. 반세느
    <script>
    var a=5;

    for(var i=0;i<a;i++){
    for(var j=0;j<a;j++){
    document.write("*");
    }document.write("<br>");

    }


    </script>
    대화보기
    • jayk
      var i = 1;
      while (i <= 5){
      var j = 1;
      var str = ""
      while (j <= 5){
      str += "*"
      j++;
      }
      console.log (str);
      i++;
      }
    • 엘리오
      C++용입니다.
      #include<studio.h>
      using namespace std;

      int main(){

      for(int i = 0; i < 4; i++)
      {
      cout<<"*****"<<endl;
      }
      return 0;
      }

      로 구현할 수 있습니다.
    • 알켜주시면 감사합니다.
      while 반복문에서
      *을 같고 한줄에 5개씩 출력하고 5줄을 만들려면 어떻게 해야되나요?

      출력 예)
      *****
      *****
      *****
      *****
      *****
      for 반복문도 출력하는법 알켜주시면 갑사합니다.
    graphittie 자세히 보기