JavaScript / 반복문 / while, do - while, for
자바스크립트 반복문에는 while, do - while, for 세가지가 있습니다. 각 방식으로 0부터 9까지 출력해 보겠습니다.
while
문법
var i = 0;
while ( i < 10 ) {
// do something
i++;
}
i의 값이 0부터 10보다 작을 때까지 실행되고, i의 값이 10이면 실행되지 않고 다음으로 넘어갑니다.
i의 값을 증가시키는 i++을 꼭 넣어야 한다는 것에 주의해야 합니다. 만약 i++이 없으면 i의 값이 계속 0이므로 무한 반복을 하게 됩니다. do - while과 for도 마찬가지입니다.
예제
while을 이용하여 0부터 9까지 출력하는 예제입니다.
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>JavaScript</title>
</head>
<body>
<p>
<script>
var i = 0;
while ( i < 10 ) {
document.write( i + ' ' );
i++;
}
</script>
</p>
</body>
</html>
do - while
문법
var i = 0;
do {
// do something
i++;
} while ( i < 10 )
while과 유사합니다. 차이점은 i의 값에 관계없이 한 번은 실행된다는 것입니다.
예제
do - while을 이용하여 0부터 9까지 출력하는 예제입니다.
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>JavaScript</title>
</head>
<body>
<p>
<script>
var i = 0;
do {
document.write( i + ' ' );
i++;
} while ( i < 10 )
</script>
</p>
</body>
</html>
for
문법
for ( var i = 0; i < 10; i++ ) {
// do something
}
예제
for를 이용하여 0부터 9까지 출력하는 예제입니다.
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>JavaScript</title>
</head>
<body>
<p>
<script>
for ( var i = 0; i < 10; i++ ) {
document.write( i + ' ' );
}
</script>
</p>
</body>
</html>
JavaScript / 조건문 / if, else if, else, switch
특정 조건 만족 시 어떤 작업을 수행하고 싶을 때 사용하는 것이 조건문입니다. 크게 if문과 switch문으로 구분할 수 있습니다. 조건식에서 비교할 값이 많을 때 switch문을 사용합니다.
JavaScript / 함수 / String() - 숫자를 문자열로 변환하는 함수
자바스크립트의 String()은 숫자를 문자열로 변환하는 함수입니다. 문자열을 숫자로 변환할 때는 Number() 함수를 사용합니다.
JavaScript / 숫자에 천 단위 쉼표 추가하는 방법, 제거하는 방법
큰 숫자인 경우 천 단위마다 쉼표(콤마)를 추가하는 경우가 많습니다. 하지만 계산을 위해서는 쉼표를 제거해야 합니다. 자바스크립트로 숫자에 쉼표를 추가하는 방법, 쉼표가 있는 숫자에서 쉼표를 제거하는 방법을 알아보겠습니다.
JavaScript / 함수 / Number() - 문자열을 숫자로 변환하는 함수
자바스크립트의 Number()는 문자열을 숫자로 변환하는 함수입니다. 숫자를 문자열로 변환할 때는 String() 함수를 사용합니다.
천단위 쉼표 (123456789).toLocaleString() // 123,456,789 인코딩 함수, 디코딩 함수 인코딩 함수 escape() encodeURI() encodeURIComponent() 디코딩 함수 unescape() decodeURI() decodeURIComponent() IE8에서 last-child, nth-child 등 가상 클래스 적용시키는 방법 selectivizr HTML 문서의 style 태그 안에 넣은 CSS 코드에는 적용되지 않는다. 외부 CSS 파일에만 적용됩니다. jQuery, prototype 등 다른 자바스크립트 라이브러리가 필요하다.
자바스크립트에서 숫자를 내림할 때는 Math.floor(), 올림할 때는 Math.ceil(), 반올림할 때는 Math.round()를 사용합니다.
JavaScript / 반복문 / while, do - while, for
자바스크립트 반복문에는 while, do - while, for 세가지가 있습니다. 각 방식으로 0부터 9까지 출력해 보겠습니다.