javascript 반복문

Javascript반복문

안녕하세요 인터럽트입니다. 이번포스팅에서는 javascript의 반복문에 대해서 정리해보겠습니다.

 

기본반복문

for문

//구조
for(초기화식; 조건식; 증감식){
    실행문;
}

 

While문

조건문이 true일경우 코드가 실행되며 조거문이 false가 되면 종료된다.

//구조
while(조건문){
    실행문;
}

 

do...while문

while과 비슷하지만 조건문과 상관없이 반드시 1회는 실행된다.

//구조
do{
    실행문;
}while(조건문);

 

break / continue

반복문이 조건에 따라 종료되기 이전에 종료를 원하면 break 명령어를 사용해서 반복문을 나올 수 있다.

continue 는 반복문을 빠져나가는게 아니라 다음 loop로 건너띄어준다.

 

Object 반복문

for...in

반복가능한 객체가 아니라면 for...of 문장을 쓸 수 없다.

이 때 객체 리터럴에 쑬 수 있는 방법이 for...in이다.

for...in문은 기본적으로 키 값만 출력하는 반복문이다.

따라서 value값을 출력하기 위해서는 템플릿 리터럴을 활용하여 value값을 출력해야 한다.

const cafe = {
    cake = 1,
    coffee = 2,
    tea = 3,
    cokie = 4
};
 
//key값 출력
for(menu in cafe){
    console.log(menu);    //output : cake, coffee, tea, cokie
}
 
//value값 출력
for(menu in cafe){
    console.log($'{cafe[menu]}');
}

 

Object.keys()

key값만 배열 형태로 반환한다.

const cafe = {
    cake = 1,
    coffee = 2,
    tea = 3,
    cokie = 4
};
 
 
Object.keys(cafe);    //output : ['cake', 'coffee', 'tea', 'cokie']

 

Object.values()

value값만 배열 형태로 반환한다.

const cafe = {
    cake = 1,
    coffee = 2,
    tea = 3,
    cokie = 4
};
 
Object.values(cafe);    //output : [1,2,3,4]

 

Object.entries()

key, value 형태의 배열들을 반환한다.

const cafe = {
    cake = 1,
    coffee = 2,
    tea = 3,
    cokie = 4
};
 
Object.entries(cafe);
//0 : (2) ['cake',   1]
//1 : (2) ['coffee', 2] 
//3 : (2) ['tea',    3]
//4 : (2) ['cokie',  4]

 

Array반복문

for...of 반복문

const array = ['java', 'javascript', 'Python', 'Ruby', 'c', 'c++', 'c#'];
for(let lang of array){
    console.log(lang);
}

객체반복문에서는 for...in을 사용해서 접근했다면

Array에서는 순차적으로 접근이 가능하기 때문에 for...of를 사용해서 순차적으로 접근한다.

 

 

느낀점

반복문은 다른언와 크게 다른점이 없는 것 같다.