1. for문과 while문
개인적으로 글쓴이는 for문을 주로 사용한다.
참고로 for문과 while문을 사용하는것은 지극한!!! 개인적인 취양이다.
for문과 while문은 반복문이다.. (글쓰기도 반복이다..)
1. While문 예시
while(조건) {
실행문~~
}
현재 글쓴이는 HTML을 사용하고 있으니 간단히 HTML 코드를 작성해 본다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>JavaScript while문 예시</title>
<script>
num = 1;
while(num <= 10){
document.write(`<span>1부터 10까지 GoGo : ${num}</span>`);
num++;
}
</script>
</head>
<body>
</body>
</html>
Do - While 문이라는 것도 있는데... 저는 페스하겠습니다. 살면서 글쓴이는 사용해본적이 거의 없다.. (개인적인 차이이니 뭐라하지 마세요~)
2. For문
위에서 작성한 while문을 for문으로 변형해보면 쉽게 이해가 됩니다.
for(초기값; 조건; 증감식) {
실행문~~
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>JavaScript while문 예시</title>
<script>
for(num=1; num <= 10; num++){
document.write(`<span>1부터 10까지 GoGo : ${num}</span>`);
}
</script>
</head>
<body>
</body>
</html>
와우 코드가 간결해졌다.. (나만 그런건가..)
3. 다중 for문(여기서 부터 머리가 아파진다..)
for(초기값; 조건; 증감식) {
실행문 가능!
for(초기값; 조건; 증감식) {
실행문!
}
실행문!
}다중 for문에서 유명한 문제중 하나인 별그리기?? 를 해보겠습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>JavaScript while문 예시</title>
<script>
let i = 1;
let j = 1;
for (i = 1; i <= 5; i++) {
for (j = 1; j <= i; j++) {
document.write("★");
}
document.write("<br>");
}
</script>
</head>
<body></body>
</html>
결과값!! 여러분도 복사하지 마시고 손으로 입력해보시길 바랍니다.~~
'JavaScript' 카테고리의 다른 글
| [JavaScript] array method (0) | 2020.05.21 |
|---|---|
| [JavaScript] 조건문 if else (0) | 2020.05.21 |
| [JavaScript] Template literal (0) | 2020.05.20 |
| [JavaScript] var, let, const 차이점 (0) | 2020.05.20 |
댓글