자바스크립트 반복문(loop)

모든  내용과 소스들은 다음과 같은  강의 플랫폼에서 응용하여  작성하였습니다.
출처: https://inf.run/xNcEg

[무료] [코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스 - 인프런 | 강의

자바스크립트에서 반복문 즉 루프(loop)라 불리는 구문이 있습니다. 반복문이란?  코드 블록을 반복적으로 실행하거나  배열, 객체 등의 요소를 반복 처리해주는 역할을 해줍니다. 루프 구문에는 for , while , do~ while, for in loop, for of  구문이 있습니다. 이러한 구문들은 각각 다른 세션에서 다른 값을 가져오기도 합니다.  대표적으로 for문으로 활용한 소스를 보겠습니다.

for(let i = 0; i <10; i ++){
    console.log(i);  
} //i는 0이라는 변수를 선언, i 값이 10이 될때까지 loop을 실행할건데 loop이 한번 실행될때마다 i를 1씩 증가한다는 뜻

 

i의 값이 10보다 작을때 까지 i의 값을 1씩 증가시키라는  소스입니다.

 

다음은 이중 for문을 활용한 소스코드 입니다

for(let i = 0; i < 5;  i++){
    for(let j= 5; j> 0;  j --){
        console.log( i , j);
    }
}

 

다음은 for in loop 구문을 이용한 소스입니다.

 

/**
 * for..in
 */
const winter = {
    name: '윈터',
    year: 2001,
    group: '에스파',
}

console.log('----------------')

for(let key in winter){ //for in loop을  사용하면 loop을 할때 키값을 받을수가 있다  
    console.log(key);
}

const aspeaMembersArray =['윈터','카리나', '지젤', '닝닝'];

주석에도 설명이 되었지만  for in loop 구문을 이용하면 반복할때  키값을 받을수가 있다는 것입니다.

 

다음은 Array(배열)에 사용된 for문 입니다

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

}

Array에서 for in loop을 사용하면  index값을 가져올 수 있습니다.  

// for in loop을 오브젝트에서 사용하면 키값을 불러올수 있고

// Array에서 사용하면 index값을 가져올 수 있다

이렇게 정리할 수 있습니다. 

 

다음은  for of 구문입니다.

for of 구문은 객체의 요소들을 순회하면서 처리하는 데 사용되는  구문입니다.  for of 루프를 사용하면 반복하는 중에 인덱스나 조건을 다룰 필요 없이 간단하게 요소에 접근할 수 있습니다.

for(let value of aspeaMembersArray){
    console.log(value);
}

출력결과

다음은 while문 입니다  while문은 주어진 조건이 참인 동안에만 코드 블록을 실행하는 반복문입니다. 조건이 처음부터 거짓이면 코드 블록은 실행되지 않을 수 있습니다. 

 

let number = 0;

while(number < 10){
    number ++;
}

 

마지막으로 do ~ while문 입니다. 실제로 잘 사용하진 않습니다

do ~ while문은 코드 블록을 먼저 실행한 다음에 조건을 평가하는 반복문입니다.

여기서 do 블록은 최소한 한번은 실행되어야 하는 구문이므로 먼저 실행되고, 그 후에 조건식이 들어간 'while' 문을 평가합니다.  

/**
 * do while 
 */
number = 0;

do {
    number++;
}   while  (number < 10 );

console.log(number);

반복문과 이중 for문에 대하여 알아보았습니다.