4. 조건문

Index

4. 조건문

4.1 조건문

조건문은 조건이 참(true)인지 거짓(false)인지에 따라 코드를 수행할지 말지 판단합니다.

if문 CODE


//if

var test=5;
if(test < 10){
	//codes
}

if-else문 CODE


//if

var test=5;
if(test < 10){
	//codes
} else {
	//codes
}

if문 CODE


if(true){
  //조건이 참일 경우 실행
} else {
  //조건이 거짓일 경우 실행
}

var score = 85;
if (score >= 90) {
  document.write('용돈을 10만원 받았습니다.');
} else if(score >= 80){
  document.write('용돈을 1만원 받았습니다.');
} else if(score >= 70){
  document.write('용돈을 5천원 받았습니다.')
} else {
  document.write('용돈을 천원받았습니다.')
}

Switch문 CODE


var day;
switch(new Date().getDay()){
  case 0:
    day = 'Sun';
    break;
  case 1:
    day = 'Mon';
    break;
  case 2:
    day = 'Tue';
    break;
  case 3:
    day = 'Wed';
    break;
  case 4:
    day = 'Thu';
    break;
  case 5:
    day = 'Fri';
    break;
  case 6:
    day = 'Sat';
}
document.write(day);

4.2 반복문

다음에는 반복문에 대해서 알아보도록 하겠습니다. 먼저 다음과 같은 배열이 존재한다고 가정해 봅시다.

배열 CODE


var cars = ["BMW", "Volvo", "Saab", "Ford", "Flat", "Audi"];

var text = "";

여기서 만약 배열 cars에 담긴 내용을 전부 text라는 변수에 넣고 싶다면 어떻게 해야 할까요? 지금까지 배운 내용으로는 다음처럼 길고 반복적인 작업을 통해 text에 배열의 내용을 넣을 수 있습니다.

기존 방식 CODE


text += cars[0] + "<br>";
text += cars[1] + "<br>";
text += cars[2] + "<br>";
text += cars[3] + "<br>";
text += cars[4] + "<br>";
text += cars[5] + "<br>";

for문 CODE


var i;
for(i = 0; i < cars.length; i++) {
	text += cars[i] + "<br>";
}

하지만 반복문을 사용하면 오른쪽에 나온 것 처럼 간단하게 배열의 내용을 text에 넣을 수 있습니다.


//반복문
for(var i=0; i<10; i++){
  document.write(i, '<br>');
}

var j = 0;
var sum = 0;
while(j <= 10){
  sum += j;
  j++;
}
document.write(sum, '<br>');
document.write('<br>');

//구구단 예제
for(var x=1; x<10; x++){
  for(var y=1; y<10; y++){
    document.write(x+'*'+y+'='+x*y, '<br>');
  }
}


//평균 구하기
var value1 = [100, 200, 50, 400, 900];
var value2 = [60, 40, 80, 30, 90];
function average(value){
  var sum = 0;
  for(var i=0; i<value.length; i++){
    sum += value[i];
  }
  return sum/value.length;
}

document.write('평균1 : ', average(value1)); //330
document.write('<br>');
document.write('평균2 : ', average(value2)); //60


//최댓값 구하기
var value = [100, 200, 50, 400, 900];
function maximum(value){
  var max = 0;
  for(var i=0; i<value.length; i++){
    if(max < value[i]){
      max = value[i];
    }
  }
  return max;
}
document.write(maximum(value)); //900
document.write('<br>');

//Math.max.apply() 사용해서 최댓값 구하기
var max2 = Math.max.apply(null, value);
document.write(max2); //900