JavaScript / 조건문 / if, else if, else, switch
특정 조건 만족 시 어떤 작업을 수행하고 싶을 때 사용하는 것이 조건문입니다. 크게 if문과 switch문으로 구분할 수 있습니다. 조건식에서 비교할 값이 많을 때 switch문을 사용합니다.
if, else if, else
문법
if
if ( condition1 ) {
statement1
}
condition1을 만족하면 statement1을 실행합니다.
if, else
if ( condition1 ) {
statement1
} else {
statement2
}
condition1을 만족하면 statement1을 실행하고, 만족하지 않으면 statement2를 실행합니다.
if, else if
if ( condition1 ) {
statement1
} else if ( condition2 ) {
statement2
}
condition1을 만족하면 statement1을 실행하고, condition2을 만족하면 statement2을 실행합니다.
if, else if, else
if ( condition1 ) {
statement1
} else if ( condition2 ) {
statement2
} else {
statement3
}
condition1을 만족하면 statement1을 실행하고, condition2을 만족하면 statement2을 실행하고, 둘 다 만족하지 않으면 statement3을 실행합니다.
예제
숫자를 입력하면 10보다 작은지, 10인지, 10보다 큰지 알려주는 예제입니다.
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>JavaScript | if</title>
</head>
<body>
<script>
var jbNum = prompt( 'Enter Number', '' );
if ( jbNum < 10 ) {
document.write ( '<p>Your number is less than 10.</p>' );
} else if ( jbNum == 10 ) {
document.write ( '<p>Your number is 10.</p>' );
} else {
document.write ( '<p>Your number is greater than 10.</p>' );
}
</script>
</body>
</html>
예를 들어 20을 입력하면 다음과 같이 나옵니다.
Switch
문법
switch ( condition ) {
case value1:
statement1;
break;
case value2:
statement2;
break;
...
default:
statement3;
}
condition의 값이 value1이면 statement1을, value2면 statement2를, 그 어느 것도 아니라면 default가 적용되어 statement3을 실행합니다.
순차적으로 값을 비교하며, 조건이 맞을 때 break가 있다면 그 이후의 비교는 하지 않습니다. 즉, switch 구문을 바로 끝냅니다. 만약 break가 없다면 조건이 맞아도 그 다음 비교를 계속합니다.
예제
1을 입력하면 'First'를, 2를 입력하면 'Second'를, 3을 입력하면 'Third'를, 이외의 값을 입력했다면 'You did not input 1 or 2 or 3.'을 출력하는 예제입니다.
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>JavaScript Statement | switch</title>
<script>
var jb = prompt( 'Enter 1 or 2 or 3', '' );
switch ( jb ) {
case '1':
var jb1 = 'First';
break;
case '2':
var jb1 = 'Second';
break;
case '3':
var jb1 = 'Third';
break;
default:
var jb1 = 'You did not input 1 or 2 or 3.';
}
</script>
</head>
<body>
<script>
document.write( '<p>' + jb1 + '</p>' );
</script>
</body>
</html>
JavaScript / 숫자에 천 단위 쉼표 추가하는 방법, 제거하는 방법
큰 숫자인 경우 천 단위마다 쉼표(콤마)를 추가하는 경우가 많습니다. 하지만 계산을 위해서는 쉼표를 제거해야 합니다. 자바스크립트로 숫자에 쉼표를 추가하는 방법, 쉼표가 있는 숫자에서 쉼표를 제거하는 방법을 알아보겠습니다.
자바스크립트에서 숫자를 내림할 때는 Math.floor(), 올림할 때는 Math.ceil(), 반올림할 때는 Math.round()를 사용합니다.
JavaScript / 반복문 / while, do - while, for
자바스크립트 반복문에는 while, do - while, for 세가지가 있습니다. 각 방식으로 0부터 9까지 출력해 보겠습니다.
JavaScript / 함수 / Number() - 문자열을 숫자로 변환하는 함수
자바스크립트의 Number()는 문자열을 숫자로 변환하는 함수입니다. 숫자를 문자열로 변환할 때는 String() 함수를 사용합니다.
JavaScript / 조건문 / if, else if, else, switch
특정 조건 만족 시 어떤 작업을 수행하고 싶을 때 사용하는 것이 조건문입니다. 크게 if문과 switch문으로 구분할 수 있습니다. 조건식에서 비교할 값이 많을 때 switch문을 사용합니다.
JavaScript / 함수 / String() - 숫자를 문자열로 변환하는 함수
자바스크립트의 String()은 숫자를 문자열로 변환하는 함수입니다. 문자열을 숫자로 변환할 때는 Number() 함수를 사용합니다.
천단위 쉼표 (123456789).toLocaleString() // 123,456,789 인코딩 함수, 디코딩 함수 인코딩 함수 escape() encodeURI() encodeURIComponent() 디코딩 함수 unescape() decodeURI() decodeURIComponent() IE8에서 last-child, nth-child 등 가상 클래스 적용시키는 방법 selectivizr HTML 문서의 style 태그 안에 넣은 CSS 코드에는 적용되지 않는다. 외부 CSS 파일에만 적용됩니다. jQuery, prototype 등 다른 자바스크립트 라이브러리가 필요하다.