8. 반복문

홍진우·2020년 10월 15일

자바스크립트

목록 보기
8/11
post-thumbnail

반복문은 특정 작업을 반복적으로 할 때 사용할 수 있는 구문입니다.

for

for은 가장 기본적인 반복문입니다. 특정 값에 변화를 주어가면서 우리가 정한 조건이 만족이 된다면 계속 반복합니다.

코드는 다음과 같습니다.

for ( let i = 0; i < 10; i++ ){
	console.log(i);
}

결과가 0부터 9까지 잘 나타났습니다.
for 문을 다음과 같이 사용합니다.

for ( 초기 구문; 조건 구문; 변화 구문; ){
	코드
}

배열과 for

이번에는 우리가 이전에 배운 배열과 for문을 함께 활용해보겠습니다.
코드는 다음과 같습니다.

const names = ['멍멍이', '야옹이', '멍뭉이'];

for (let i = 0; i < names.length; i++) {
	console.log(name[i]
}

이렇게 names이라는 배열 안에 있는 원소들이 추가되고 삭제되든 모두 나열 할 수 있습니다.

while

while문은 특정 조건이 참이라면 계속해서 반복하는 반복문입니다. for문은 특정 숫자를 가지고 숫자의 값을 비교하고 증감주면서 반복을 한다면, while문은 조건을 확인만 하면서 반복을 합니다. 때문에 조건문 내부에서 변화를 직접 주어야 합니다.
코드는 다음과 같습니다.

let i = 0;
while ( i < 10 ){
	console.log(i);
	i++;
}
	```
while문을 사용할 때에는 조건문이 언젠간 false가 되도록 신경써야합니다. 만약에 언젠가 false로 전환이 되지 않는다면 반복문이 끝나지 않고 영원히 반복됩니다.


## for…of

for…of문은 배열에 관한 반복문을 돌리기 위해서 만들어진 반복문입니다.
//사실 이 구문을 배워놔도 사용 할 일은 별로 없습니다. 보통 배열을 반복할 때에는 배열의 내장함수를 많이 사용합니다. 그래도 알고 있는게 좋습니다.
코드는 다음과 같습니다.
```html
let numbers = [10, 20, 30, 40, 50];
for ( let number of numbers ) {
	console.log(number);
}

객체를 위한 반복문 for…in

객체를 위한 반복문을 알아보기 전에, 객체의 정보를 배열 형태로 받아올 수 있는 함수 몇가지를 알아보겠습니다.

const doggy = {
	name : '멍멍이',
	sound: '멍멍',
	age : 2
};

console.log(Object.entries(doggy));
console.log(Object.keys(doggy));
console.log(Objecy.values(doggy));

각 함수의 약할은 다음과 같습니다.
• Object.entries : [[키, 값], [키, 값]] 형태의 배열로 변환
• Object.keys : [키, 키 키] 형태의 배열로 변환
• Object.values : [값, 값, 값] 형태의 배열로 변환

객체가 지니고 있는 값에 대하여 반복을 하고 싶다면 위 함수들을 사용하셔도 되고, for…in 구문을 사용하셔도 됩니다.

const doggy = {
	name : '멍멍이',
	sound: '멍멍',
	age : 2
};

for ( let key in doggy) {
	console.log(`${key} : ${doggy[key]}`);
}

break 와 continue

반복문 안에서는 break와 continue를 통하여 반복문에서 벗어나거나, 그 다음 루프를 돌게끔 할 수 있습니다.

for ( let i = 0; i < 10; i++ ) {
	if ( i === 2 ) continue;  //  다음 루프를 실행
	console.log(i);
	if( i === 5 ) break; // 반복문을 끝내기
}

i가 2일땐 contine를 하여 원래 console.log를 해야 하지만 그 코드를 수행하지 않고 바로 3으로 넘어갑니다.

i가 5일땐 break를 하여 반복문을 종료시킵니다.

profile
나는 나

0개의 댓글