[Javascript] 제어문

Javascript에서 여러 함수로 이벤트를 처리하거나, 동적 페이지를 구성할 때 반드시 제어문을 사용하게 된다. 이를 대비하여 기초 제어문들을 정리해 보자.

 

조건문 (if, else)

if (조건) {실행코드}

var value = 30;

if (value > 20) {
	console.log("20보다 크다");
}

 

조건문 (switch)

switch(변수) {

  case '값' : 실행코드; break;

  case '값' : 실행코드; break;

  ...

  default : 실행코드; break;

}

var value = 30;

switch(value) {
	case '10' : console.log('10입니다'); break;
    case '20' : console.log('20입니다'); break;
    case '30' : console.log('30입니다'); break;
    case '40' : console.log('40입니다'); break;
    default : console.log('기타값입니다'); break;
}

 

반복문 (while)

while(조건) {실행코드}

var value = 1;

while (value++ < 10) {
	console.log(value + '는 10보다 작습니다');
}

 

반복문 (for)

for (변수선언; 조건; 변수변동) {실행코드}

for (var i = 0; i < 10; i++) {
	console.log(i);
}

 

반복문 (for, of)

for (변수 of 변수들의집합) {실행코드}

보통 배열을 반복할 때 사용된다.

var array = [1, 2, 3]

for (let value of array) {
	console.log(value);
}

 

반복문 (for, in)

for (변수 in 집합/객체) {실행코드}

Map 또는 Object 내부를 key - value방식으로 탐색할 때 사용된다. 각 key에 대응하는 value들을 찾는다.

// js 객체(object) member 선언
var member = {
	name : 'JohnDoe',
	age : '40',
	height : '180'
}

for (let value in member) {
	console.log(value + ':' + member[value]);
}

위 코드를 실행하면 다음 결과가 나온다

name:JohnDoe

age:40

height:180