[Javascript] 기초 공부 - for 문

for 문

반복문인 for문을 사용하면 비효율적인 코드를 줄일 수 있다.
두 개의 코드를 한 번 확인해보자.

let home = "서울";

if (cities[0] === home) {
  alert("아, 여기 사시는군요");
} else if (cities[1] === home) {
  alert("아, 여기 사시는군요");
} 

// cities[2] ... cities[47] 까지 계속..
else if (cities[48] === home) {
  alert("아, 여기 사시는군요");
} else if (cities[49] === home) {
  alert("아, 여기 사시는군요");
} 

for (let i = 0; i <= 50; i++) {
   if (cities[i] === home) {
     alert("아, 여기 사시는군요");
   }
}

for 문은 코드를 원하는 만큼 반복시켜 주는데, 언제부터 언제까지라고 알려주면 그 만큼 반복 할 수 있다.

- 반복문의 형태는 아래와 같다.

for (반복조건) {
   //반복조건이 맞으면 실행할 코드
}

- 반복조건을 말로 표현해보자.

아래의 코드는 0부터 5까지 1씩 증가하면 for문의 {} 내부를 실행하라는 의미이다.
i가 0, 1, 2, 3, 4, 5 까지 총 6번의 반복문이 실행된다.

for (var i = 0; i <= 5; i++){
}

여기서 var i = 0 은 i라는 변수에 0을 할당하고, i <= 5 는 i가 5보다 작거나 같을때까지 i++ i를 1씩 증가시킨다는 의미이다.
i가 5가 될때까지 for문의 {} 안을 실행하다가, 6이 되면 {} 내부로 들어가지 못하고 {} 밖으로 벗어나게 된다.

- for문 내부의 if문 해석

const home = "대전";
let cities = ["서울", "대전", "대구", "부산", "광주", "제주도"];


for (let i = 0; i <= 5; i++) {
   if (cities[i] === home) {
     console.log("아, "+ cities[i] +" 사시는군요");
   }
}

i가 0일 때 cities[0]과 home을 비교한다.
같지 않으므로 if문 {} 내부로 들어가지 않고 for문이 끝난다.
i가 1이 증가하면 cities[1]과 home이 같으므로 if문이 실행된다.