728x90
반응형
내가 기억하기론 while 반목문과 for 반복문이 있는데, 우선적으로 while 반복문부터 보겠다.
while 반복문은 while () 안에 있는 값이 true 일때까지 {}안에 있는 내용을 반복해서 실행하라는 문법이다.
아래 코드를 보시라
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1>Loop</h1>
<ul>
<script>
document.write('<li>1</li>');
var i = 0;
while(i < 3) {
document.write('<li>2</li>');
document.write('<li>3</li>');
i = i + 1;
}
document.write('<li>4</li>');
</script>
</ul>
</body>
</html>
변수 i에 0을 넣어주고 i에 1씩 더해주면서 끝나는 조건문을 써준다.
그러면 ()안에 있는 i < 3이 참일때만 저 {}안에 있는 내용이 실행되는거다.
그래서 0부터 시작해서 1, 2 일때 까지 실행되는거니까
2, 3이 반복적으로 찍히는것이 3번만 반복되는거다.
이게 while 반복문이다.
그러면 반복문과 저번시간에 배운 배열을 어떻게 활용하는지 한 번 보자
<script>
var nctdream = ["jeno", "renjun", "mark", "chenle", "jisung", "haechan"];
</script>
<h2> Nct Dream </h2>
<script>
var i = 0;
while(i < nctdream.length){
document.write('<li>'+nctdream[i]+'</li>');
i = i + 1;
}
</script>
배열에 엔시티 드림 멤버들의 이름을 넣고 하나씩 불러오는 메소드를 while 문을 이용해서 적어봤다.
일단 변수 i 에 0이라는 기본값을 설정해두고, 그 값에 1씩 더해서 끝날때 까지 불러오는 반복문을 만들었다.
배열에 있는 모든 값들을 꺼내와야 하기 때문에 ()에는 그냥 배열의 길이로 바로 넣었다.
i < 6 이라고 적을 수도 있지만 배열에 몇개의 element가 들어갈지도 모르는데 숫자로 적는건 오바같아서 알아서 저렇게 적었는데, 아니나 다를까 수업 마지막에서 내가 쓴대로 코드를 바꿔넣었다.
데이터가 바뀐다고해서 로직을 바꾸는건 지양해야한다고 한다.
넵
728x90
반응형
'Javascript' 카테고리의 다른 글
| 함수 (0) | 2020.12.10 |
|---|---|
| 반복문 적용 (0) | 2020.12.07 |
| 반복문을 위한 배열 (array) 배우기 (0) | 2020.12.07 |
| Refactoring (0) | 2020.12.07 |
| 조건문 (0) | 2020.12.03 |