6장 반복문
본문 바로가기

채팅

설문조사

반복문이란?

반복은 간단하게 일을 되풀이 한다는 말입니다. 전 시간에 배웠던 배열도 일일이 출력하거나 값을 집어넣는일이 번거로우셨을 겁니다. 그걸 자동화 해주는 일을 반복문이 할수 있습니다.

예를들어 배열에 10가지 과일 이름이 들어있다고 합니다. 이 과일이름을 보여주는데 배열의 개수를 모두 알아내어 하나씩 콘솔로그로 보여주는것은 비효율적인 일입니다.

const fruit = ["apple", "pineapple", 'orange', 'melon', 'watermelon'];
console.log(fruit[0]);
console.log(fruit[1]);
console.log(fruit[2]);
console.log(fruit[3]);
console.log(fruit[4]);

 위와 같은 작업을 아래처럼 바꿀 수 있습니다

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

for 문

for (초기값; 반복횟수; 증가값)

초기값 부터 반복횟수 만큼 반복하고 한바퀴 돌때마다 증가값 만큼 초기값에서 증가합니다

아래는 0부터 9까지 반복하는 코드입니다

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

for 문은 배열을 출력할 때 많이 쓰입니다

fruit.length의 length는 배열의 길이를 반환합니다. 아래와 같은 경우 fruit.length가 4가 될것입니다.

그러나 주의할 점은 첫번째 처럼 index를 for문안에서 선언하면 for문을 벗어나면 사용하지 못하게 됩니다

for 문 밖에서도 index값을 사용하고 싶다면 두번째 예시처럼 사용하세요.

let fruit = ['apple','orange','melon','watermelon']

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


// 아래처럼 쓸수도 있습니다
let fruitIndex = 0;
for(fruitIndex; fruitIndex < fruit.length; fruitIndex++ ) {
  console.log(fruit[fruitIndex])
}

do ... while문

 

do while문은 반복을 하는데 조건을 만족할 때만 반복합니다. 즉 if문과 for문이 합쳐진것이라고 볼수 있습니다.

예시로 사용법을 알아봅시다

1. 첫번째로 do를 실행합니다.

2.  while문에서 조건을 확인합니다.

3. 다시 do를 실행합니다

여기서 처음 한번은 조건을 검사하지 않고 실행한다는 점을 유의하셔야 합니다.

let index = 0; 

do {
  console.log(fruit[index])
  index++;
} while(index < fruit.length)

while문

while문은 좀더 쉽습니다.  위의 do처럼 조건에 상관없이 최초실행을 하지 않고 먼저 조건을 만족해야만 whie문 안의 내용이 실행됩니다

const fruit = ["apple", "pineapple", 'orange', 'melon', 'watermelon'];

let index = 0; 

while(index < fruit.length) {
  console.log(fruit[index])
  index++; 
 }

for ... in 문

for .. in문은 객체의 반복을 할때 사용합니다. 객체를 아직 배우지 않았으니 객체를 다룰때 같이 알아봅시다.....

 

문제

 

Q1. 위의 fruit 배열을 사용하여 파인애플부터 멜론까지만 반복문으로 출력하시오

 

Q2.  반복문을 사용하여 fruit 배열에서 값을 하나씩 삭제해보세요 -

console.log(fruit)를 하면 배열의 모든값을 볼 수 있습니다

 

 

 

'Javascript' 카테고리의 다른 글

8장 객체  (0) 2020.12.07
7장 함수  (0) 2020.12.07
5장 배열  (0) 2020.12.05
4장 조건문  (0) 2020.12.05
javascript 오류 모음  (0) 2020.11.25

FlaShLab