[JavaScript] for문과 while문 사용법

자바스크립트에는 대표적인 반복문으로 for문과 while문이 있습니다.

이 둘에 대한 기본 문법과 언제 for문을써야하는지 언제 while문을 써야하는지 알아봅시다.

while문

let i = 0;
while (i < 4) {
    console.log(i);
    i++
}
// 0
// 1
// 2
// 3

//이때 i값은 4이다 이유는 마지막에 i++까지 먹히고 i<4에서 통과가 안되기때문에

for문

for문에는 또 세가지 대표적인문법이 있습니다.

1. 기본 for문

   for (let i=0; i < 4; i++) {
       console.log(i);
   }
   // 0
   // 1
   // 2
   // 3
      
   // 마찬가지로 i값은 4이다.
   

2. for…of

   배열의 반복

   let iterable = [10, 20, 30];
      
   for (let value of iterable) {
     console.log(value);
   }
   // 10
   // 20
   // 30
   

   String에 대한 반복

   let iterable = "boo";
      
   for (let value of iterable) {
     console.log(value);
   }
   // "b"
   // "o"
   // "o"
   

3. for…in

   객체의 반복

   let iterable = {
       a: 1,
       b: 2,
       c: 3
   }
      
   for (let key in iterable) {
     console.log(key);
   }
   // a
   // b
   // c
      
   for (let key in iterable) {
     //객체의 value값에 접근할때는 닷노테이션과 브라켓노테이션이있다. 브라켓 노테이션을 쓸때는 따옴표       ('')를 꼭 붙인다.
     console.log(iterable['key']);  
   }
   // 1
   // 2
   // 3### 
   

for문과 while문의 사용법

언제 for문을 쓰고 언제 while문을 써야할까요? while은 조건밖에 없기 때문에 몇번 반복될지 모를때 주로 사용 되고, for문은 반복 횟수를 정할수 있기 때문에 반복횟수를 알때 사용됩니다.

for..of 와 for…in의 사용법

그럼 언제 for..of를 써야하고 언제 for…in을 써야할까요? for…of는 배열과 문자열의 모든 원소값에 접근할때 쓰기 좋고 for..in은 객체의 key와 value값에 접근 할때 쓰기 좋습니다.