For Loop

Bonnie Ryu·2020년 8월 11일
0
post-custom-banner

반복문...수십번 강조해도 부족하지 않지🙂

우선은 for문부터,

💊for문

Syntax

for (statement 1; statement 2; statement 3) {
 // code block to be executed
}

statement1 : 코드 블록이 실행 전에 한 번 실행
statement2 : 코드 블록을 실행하기위한 조건을 정의
statement3 : 코드 블록이 실행 된 후 매 번 실행
(경우에 따라 각 구문 생략 가능하다.
statement1 생략 경우 - 루프가 시작되기 전에 값이 설정된 경우
statement2 생략 경우 - 초기 변수의 조건을 평가할때 true이면 실행, 반드시 루프내에서 break사용하여 루프를 중단시켜야 한다.
statement3 생략 경우 - 루프 내에서 값을 증가시킬 때
)

일반적인 형태

for (i = 0; i < 5; i++) {
  text += "The number is " + i + "<br>";
}

위 코드와 같이
for 괄호안의 첫번째 구문에는 루프에서 사용되는 변수의 초기값,
두번째 구문에는 루프를 실행할 조건을 정의,
세번째 구문에는 루프의 코드 블록이 실행될 때마다 값 (i ++)을 증가

💊for/in loop

for/in문은 객체의 속성을 반복해서 반환한다.

const person = {fname:"bonnie", lname:"ryu", age:3};
let text = "";
let x;
for (x in person) {
  text += person[x];
}
// bonnie ryu 3

💊for/of loop

for/of문은 반복 가능한 객체의 값을 반복하여 반환한다.

//syntax
for (변수 of 반복 가능한 속성을 가진 객체) {
  // code block to be executed
}

ex1)

const cars = ['BMW', 'Volvo', 'Mini'];
let x;
for (x of cars) {
  document.write(x+"");
} //BMW Volvo Mini

ex2)

const txt = 'JavaScript';
let x;
for (x of txt) {
  document.write(x + " ");
} //J a v a S c r i p t

[출처 : w3school선생님]

다른 반복문은 다음시간에🖐

profile
Ryuwisdom
post-custom-banner

0개의 댓글