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 / 숫자에 천 단위 쉼표 추가하는 방법, 제거하는 방법
큰 숫자인 경우 천 단위마다 쉼표(콤마)를 추가하는 경우가 많습니다. 하지만 계산을 위해서는 쉼표를 제거해야 합니다. 자바스크립트로 숫자에 쉼표를 추가하는 방법, 쉼표가 있는 숫자에서 쉼표를 제거하는 방법을 알아보겠습니다.
JavaScript / 반복문 / while, do - while, for
자바스크립트 반복문에는 while, do - while, for 세가지가 있습니다. 각 방식으로 0부터 9까지 출력해 보겠습니다.
JavaScript / 함수 / Number() - 문자열을 숫자로 변환하는 함수
자바스크립트의 Number()는 문자열을 숫자로 변환하는 함수입니다. 숫자를 문자열로 변환할 때는 String() 함수를 사용합니다.
자바스크립트에서 숫자를 내림할 때는 Math.floor(), 올림할 때는 Math.ceil(), 반올림할 때는 Math.round()를 사용합니다.
JavaScript / 함수 / String() - 숫자를 문자열로 변환하는 함수
자바스크립트의 String()은 숫자를 문자열로 변환하는 함수입니다. 문자열을 숫자로 변환할 때는 Number() 함수를 사용합니다.
JavaScript / 조건문 / if, else if, else, switch
특정 조건 만족 시 어떤 작업을 수행하고 싶을 때 사용하는 것이 조건문입니다. 크게 if문과 switch문으로 구분할 수 있습니다. 조건식에서 비교할 값이 많을 때 switch문을 사용합니다.
천단위 쉼표 (123456789).toLocaleString() // 123,456,789 인코딩 함수, 디코딩 함수 인코딩 함수 escape() encodeURI() encodeURIComponent() 디코딩 함수 unescape() decodeURI() decodeURIComponent() IE8에서 last-child, nth-child 등 가상 클래스 적용시키는 방법 selectivizr HTML 문서의 style 태그 안에 넣은 CSS 코드에는 적용되지 않는다. 외부 CSS 파일에만 적용됩니다. jQuery, prototype 등 다른 자바스크립트 라이브러리가 필요하다.