그날의 공부기록
Home
  • FrontEnd Archive (222)
    • ✨ 기억보다 기록을 (51)
      • 트러블슈팅 (9)
      • 프로젝트 (42)
    • 📚 이론정리 (132)
      • React & Next.js (71)
      • JS & TS (16)
      • CSS (28)
      • HTML (6)
      • 알고리즘 (11)
    • 🐶 etc (39)
      • Github (6)
      • 디자인 (1)
      • VSCode (3)
      • 2022기록 (29)
Home
  • FrontEnd Archive (222)
    • ✨ 기억보다 기록을 (51)
      • 트러블슈팅 (9)
      • 프로젝트 (42)
    • 📚 이론정리 (132)
      • React & Next.js (71)
      • JS & TS (16)
      • CSS (28)
      • HTML (6)
      • 알고리즘 (11)
    • 🐶 etc (39)
      • Github (6)
      • 디자인 (1)
      • VSCode (3)
      • 2022기록 (29)
블로그 내 검색

그날의 공부기록

seokachu's Front-End Archive 🙂

  • 🐶 etc/2022기록

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

    2022. 10. 26.

    by. 서카츄

    콜백함수

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

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

     

     

    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]);
            }

     

    저작자표시 비영리 변경금지 (새창열림)

    '🐶 etc > 2022기록' 카테고리의 다른 글

    객체지향의 개념 (생성자함수, prototype, ES5)  (0) 2022.11.02
    console.dir(btn)/addEventListener  (0) 2022.10.26
    함수의 기본 피라미터/리턴값/돔선택/반복문/이벤트연결/부모/자식/형제요소선택하기/DOM스타일제어  (0) 2022.10.26
    자바스크립트 기초문법▶변수/자료형/연산자/조건문/함수  (0) 2022.10.26
    자바스크립트 엔진의 동작 원리  (0) 2022.10.26

    댓글

    관련글

    • 객체지향의 개념 (생성자함수, prototype, ES5) 2022.11.02
    • console.dir(btn)/addEventListener 2022.10.26
    • 함수의 기본 피라미터/리턴값/돔선택/반복문/이벤트연결/부모/자식/형제요소선택하기/DOM스타일제어 2022.10.26
    • 자바스크립트 기초문법▶변수/자료형/연산자/조건문/함수 2022.10.26
맨 위로
전체 글 보기
  • Github
Tistory 로그인
Tistory 로그아웃
로그아웃 글쓰기 관리

Today

Total

seokachu's 기록저장소

블로그 이미지
서카츄

티스토리툴바