라몽(●'◡'●)디자이너
Home
  • 분류 전체보기 (61)
    • 디자인 (1)
      • 실무 (0)
      • 공부 (0)
    • UIUX분석 (0)
    • 코딩스터디 (60)
      • Markup (0)
      • CSS (12)
      • Javascript (28)
      • jQuery (11)
      • .etc (7)
      • wordpress (2)
      • PHP (0)
Home
  • 분류 전체보기 (61)
    • 디자인 (1)
      • 실무 (0)
      • 공부 (0)
    • UIUX분석 (0)
    • 코딩스터디 (60)
      • Markup (0)
      • CSS (12)
      • Javascript (28)
      • jQuery (11)
      • .etc (7)
      • wordpress (2)
      • PHP (0)
블로그 내 검색

라몽(●'◡'●)디자이너

코딩/웹디자인에 대한 정보를 다룹니다.

  • 코딩스터디/Javascript

    반복문 - for, forEach, map, for of

    2021. 5. 14.

    by. 라몽(●'◡'●)디자이너

    for문(left i=0; i<array.length; i++) {

      console.log(i);

    }

     

     

    반복문종류

    - for

    - forEach

    - for of

    - map

    - for in

     

     

    1. for

    배열의 데이터를 for반복문을 이용해서 하나씩 출력할 수 있습니다.

     

     

     

    2. farEach (ES5)

    일반 for방식이 아니라 다른방법으로 출력

    배열명.forEach(function(date,index){

      data : 현재 반복도는 대상

      index : 현재 반복도는 순서

    });

     

     

     

    forEach 화살표함수

     

     

     

     

    3. map 함수사용

    map

    배열명.map((date,index)=> {

        data: 현재 반복도는 대상

        index: 현재 반복도는 순서

    });

     

     

     

    4. for of(ES6)

    : 배열을 반복(배열에만 사용가능)

    for(변수 of 배열명) {

       배열로 접근

    }

     

     

     

    5. for/in 반복문

    -객체의 키값을 반복(객체와 배열에 사용가능)

    -for in은 객체 또는 배열에 사용이 가능하며 객체일 경우 key값과 속성값에 각각 접근이 가능합니다.

     

     

    [기본형]

    for(변수 in 객체명)

    {

         문장;  

    }

     

     

     

     

     

     

    [블로그참고]

    https://blog.naver.com/nicholasdw/222289309747

    배열의 for ~ of~, 객체의 for~in~반복문

     

    https://blog.naver.com/scyan2011/221616134071

    자바스크립트/반복문2/for in, for of

     

     

     

    반응형

    '코딩스터디 > Javascript' 카테고리의 다른 글

    DOM과 queryselector, querySelectorAll  (0) 2021.05.18
    자바스크립트 스코프(scope)  (0) 2021.05.15
    자바스크립트 조건문  (0) 2021.05.14
    자바스크립트 함수 - 매개변수, 인수, 리턴  (0) 2021.05.14
    자바스크립트 자료형  (0) 2021.05.13

    댓글

    관련글

    • DOM과 queryselector, querySelectorAll 2021.05.18
    • 자바스크립트 스코프(scope) 2021.05.15
    • 자바스크립트 조건문 2021.05.14
    • 자바스크립트 함수 - 매개변수, 인수, 리턴 2021.05.14
    맨 위로
전체 글 보기
  • GitHub
Tistory 로그인
Tistory 로그아웃
로그아웃 글쓰기 관리

Today

Total

Powered by ⓒ Kakao Corp.

블로그 이미지
라몽(●'◡'●)디자이너

티스토리툴바