-
[javascript] 27. for 반복문(for loop) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:19JavaScript For Loop
반복문은 여러번 블록내의 코드를 실행할 수 있습니다.
1. JavaScript Loops
반복문은 편리합니다. 만약 같은 코드를 여러번 실행해야 한다면, 반복문 없이는 아래와 같을 것입니다.
1234567text += cars[0] + "<br>";text += cars[1] + "<br>";text += cars[2] + "<br>";text += cars[3] + "<br>";text += cars[4] + "<br>";text += cars[5] + "<br>";cs 반복문을 써서 표현하면:
123for (i = 0; i < cars.length; i++) {text += cars[i] + "<br>";}cs 2. The For Loop
for 반복문은 반복문을 생성할 때 작성하는 문입니다.
문법:
for (statement 1; statement 2; statement 3) {
code block to be executed
}- statement 1은 반복문이 시작하기 전에 실행됩니다.
- statement 2는 반복분이 돌아가기 위한 조건을 선언합니다.
- statement 3는 매번 반복될때마다 실행되는 코드입니다.
123456789101112131415161718192021222324<!DOCTYPE html><html><body><p>Click the button to loop through a block of code five times.</p><button onclick="myFunction()">Try it</button><p id="demo"></p><script>function myFunction() {var text = "";var i;for (i = 0; i < 5; i++) {text += "The number is " + i + "<br>";}document.getElementById("demo").innerHTML = text;}</script></body></html>cs 2-1. Statement 1
일반적으로 statement1은 반복문에 사용할 변수를 초기화하는데 사용합니다.
statement1은 선택적(optional)으로 작성할 수 있습니다.
1234567var i = 2;var len = cars.length;var text = "";for (; i < len; i++) {text += cars[i] + "<br>";}cs 2-2. Statement 2
statement2는 초기변수의 조건을 판단하는데 사용합니다.
statement2가 참을 반환하면, 반복문은 시작되고, 거짓을 반환하면 반복문은 종료됩니다.
statement2는 선택적으로 작성할 수 있습니다.
* 작성하지 않았다면 break문을 두어서 빠져나올수 있게 합니다.
2-3. Statement 3
statement3은 초기 변수를 증가하는데 사용합니다.
statement3은 선택적으로 작성할 수 있습니다.
statement3은 음수 증가(i--) 또는 좀 더 큰 증가(i = i + 15) 등의 다른 증가 연산을 할 수 있습니다.
3. The For/In Loop
자바스크립트 for/in 문은 객체의 속성을 통하여 반복 합니다:
12345678910111213141516171819<!DOCTYPE html><html><body><p id="demo"></p><script>var txt = "";var person = {fname:"John", lname:"Doe", age:25};var x;for (x in person) {txt += person[x] + " ";}document.getElementById("demo").innerHTML = txt;</script></body></html>cs 'Web > JavaScript' 카테고리의 다른 글
[javascript] 30. 타입, 널(type of, null, undefined) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 29. break문 & continue문 - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 28. while 반복문(while loop) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 26. 스위치(switch) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 25. 조건문(conditions) - if, else - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 24. 비교(Comparisons) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13
