for문▶forEach/maps/for of/for in

콜백함수

함수가 들어간 함수는 콜백함수라고 함.

다른 함수의 인자로써 넘겨진 후 특정 이벤트에 의해 호출되는 함수.

 

 

for

자바스크립트에서 기본으로 제공하는 반복문

 

 

forEach 

배열, 유사배열 모두 반복처리 가능

반복기능만 있다. 배열, 유사배열에 쓸수있는 전용 내장함수

 

        for (let i = 0; i < boxs.length; i++) {
            console.log(boxs[i]);
        }

        //forEach(); 콜백함수 (함수가 들어간 함수는 콜백함수라고 함);
        boxs.forEach((el, idx) => {
            console.log('el', el);
            console.log('idx', idx);
        });

 

 

 

maps (es6) (리액트 할때 많이 씀)

유사배열은 안됨x 순수배열만 가능

반복을 돌면서 해당 배열값을 새롭게 복사해서 반환하는 기능이 있음. (불변성 유지 : immutable)

 

        const colors = ['red', 'green', 'blue'];

        color.map((el, idx) => {
            console.log(el);
            console.log(idx);
        });

 

 

for of

배열전용 반복문

    for (const el of colors) {
            console.log(el);
        }

 

 

for in

객체전용 반복문

        for (const info in student1) {
            console.log(student1[info]);
        }