반복문

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

for

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

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

결과가 0부터 9까지 잘나타났다

for문을 다음과 같이 사용한다.

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

for문을 사용할때 보통 i++를 해서 1씩 증감하는 형태로 사용한다. 그런데 1씩 빼는 형태도 가능하다. 다음 코드를 한번 실행해보자.

for (let i = 10; i > 0; i--) {
  console.log(i);
}

1부터 10까지 잘 나타났다.

for문은 이렇게 숫자에 변화를 주어가면서 반복적으로 작업을 실행한다.

배열과 for

이번에는 우리가 이전에 배운 배열과 for문을 함께 활용해 보자.

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

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

이렇게 하면 names배열안에 있는 원소들을 하나하나 나열할수 있다.

while

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

우리가 가장 처음 작성했던 0부터 9까지 콘솔에 출력을하는 반복문을 while문으로 구현해보자.

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

while문을 사용할떄는 조건문이 언젠간 false가 되도록 신경 써야한다. 만약에 언젠간 false로 전환이 되지 않는다면 반복문이 끝나지 않고 영원히 반복된다.

 

for...of

for...of문은 배열에 관한 반복문을 돌리기 위해서 만들어진 반복문이다.

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(Object.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일땐 continue를 하여 원래 console.log를 해야 하지만 그 코드를 수행하지 않고 바로 3으로 넘어간다.

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

연습

numbers라는 배열을 파라미터로 받아서 총합을 구하는 함수를 만들어본다.

function sumOf(numbers) {
  let sum = 0;
  for (let i = 0; i < numbers.length; i++) {
    sum += numbers[i];
  }
  return sum;
}

const result = sumOf([1, 2, 3, 4, 5]);
console.log(result);