1. 반복문이란 ?
- 같거나 비슷한 코드를 여러 번 실행시켜야 할 경우 사용하는 구문입니다.
- 반복 횟수가 정해져 있는 경우 사용합니다.
1) for 문 사용
let sum = 1;
sum = sum +2; // sum = 1 + 2 가 되어 3 이라는 값이 됩니다.
sum = sum +3; // sum = 3 + 3 가 되어 6 이라는 값이 됩니다.
sum = sum +4; // sum = 6 + 4 가 되어 10 이라는 값이 됩니다.
ㆍ위와 같은 반복적인 코드를 사용할 때 반복문을 사용하면 간단하게 코드를 작성할 수 있습니다.
위와 아래의 코드의 값은 동일하게 리턴됩니다.
let sum = 0;
for( let i = 0; i <= 4; i++ ) { // 초기화, 조건식, 증감문 순으로 i 는 0부터 시작하여 4 보다 작거나 같을 때까지
i 의 값을 1씩 증가 시킵니다.(i++ 은 i = i + 1 과 동일하다고 보면 됩니다.)
sum = sum + i; // 반복할 내용을 작성해주면 됩니다.(sum 은 0 이고, i 도 0이므로 0 + 0 이 되고, for 문을 통해서
i 는 0의 다음의 값인 1 의 값을 가지고 오게 됩니다.
그러면 sum = 0 + 1 이 되므로, sum = 1 이라는 것이 됩니다.
이 과정을 4 까지 반복을 하게 되고, 마지막에는
sum = 10이라는 값이 반환됩니다.)
}
return sum; // 10
2) for...in 문 : 객체의 속성을 반복하기 위해서 사용합니다.(객체의 속성를 모르더라도 모든 것을 출력할 수 있습니다.)
let user = {
name : 'Jane',
age : '20',
city : 'Seoul'
}
for(let newUser in user) {
console.log(key : ' + newUser + ', value : ' + user[newUser]);
} // newUser 변수가 user 라는 객체의 이름을 인자로 받고, 객체의 모든 속성의 이름과 같은 문자열로 나열합니다.
ㆍ 위와 같은 코드를 실행한 결과는 아래와 같습니다.
key : name, value : Jane
key : age, value : 20
key : city, value : Seoul
3) for...of 문 : 반복 가능한 객체(Array, Map, Set, String 등)을 반복하는 기능을 수행 합니다.(객체의 요소를 순회합니다.)
let user = [1, 2, 3, 4];
for(let newUser of user) {
console.log('value : ' + newUser);
} // newUser 변수가 user 라는 객체의 요소를 인자로 받고, 객체의 모든 요소의 이름과 같은 문자열로 나열합니다.
ㆍ 위와 같은 코드를 실행한 결과는 아래와 같습니다.
value : 1
value : 2
value : 3
value : 4
4) while 문
let count = 1;
while (count <= 4) {
console.log('count = ' + count);
count ++;
} // 4 (count 가 4 보다 작거나 같을 때까지 증감을 시키며, 조건에 충족 되면 반복을 멈추고 값을 반환합니다.)
ㆍ 위와 같은 코드를 실행한 결과는 아래와 같습니다.
count = 1
count = 2
count = 3
count = 4
이상으로 반복문에 대해서 알아보았습니다.
'JavaScript > 1' 카테고리의 다른 글
배열 다루기(Array Methods) (0) | 2020.03.31 |
---|---|
문자열 다루기(String Methods) (0) | 2020.03.31 |
배열(Arrary)과 객체(Object) (0) | 2020.03.30 |
조건문(Conditional)과 함수(Function) (0) | 2020.03.24 |
변수(Variable)와 타입(Type) (0) | 2020.03.24 |