반복문 본문

2021 프론트 엔드 로드맵 따라가기/JS

반복문

알 수 없는 사용자 2021. 5. 27. 11:11
// for
for(let i = 0; i <= 10; i++) {
    console.log(`for loop number: ${i}`);    
}

// while
let i = 0;
while(i <= 10) {
    console.log(`while loop number: ${i}`); 
    i++;
}

 

배열을 반복할 때 다른 형태로 표현 가능하다

for(let todo of todos) {
    console.log(todo.text);
}

 

객체 안의 속성들을 순회하고자 할 때는 다음과 같이 표현 가능하다.

 

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

 

Higher Order Function (고차 함수)을 이용한 반복

하나 이상의 함수를 인자로 받는 함수이며,

forEach, map, filter 등이 있다.

 

1) forEach

해당 배열 자체에서 반복을 수행한다.

 

 

2) map

해당 배열을 반복하여 반복된 만큼의 새로운 배열을 만들어낸다.

새로운 배열을 만들어야하기 때문에 return이 필요하다.

3) filter

해당 배열을 반복하여 조건에 맞는 요소로만 이루어진 배열을 만들어낸다.

return 문에 표기된 조건이 true인 경우의 요소만 리턴된다.

 

'2021 프론트 엔드 로드맵 따라가기 > JS' 카테고리의 다른 글

function  (0) 2021.05.28
조건문  (0) 2021.05.27
JSON  (0) 2021.05.27
Object literal  (0) 2021.05.27
Arrays  (0) 2021.05.27
Comments