자바스크립트 Iterator Method

(2020-09-26)
Top > [기술공통]
[기초과학]
[진동/파동]
[전기전자공학]
[방송/멀티미디어/정보이론]
[통신/네트워킹]
[정보기술(IT)]
[공학일반(기계,재료등)]
[표준/계측/품질]
[기술경영]
정보기술(IT) >   1. 정보기술
[전산기초]
[컴퓨터구조]
[프로그래밍]
[데이터베이스]
[소프트웨어 공학]
[운영체제]
[정보보호/보안]
[IT 기타기술]
프로그래밍 >   1. 프로그램, 프로그래밍
[프로그래밍 언어론]
[프로그래밍 방법론]
[객체지향 프로그래밍]
[자료표현코드]
[자료구조]
[알고리즘]
[시스템 소프트웨어]
[프로그래밍언어 종류]
[프로그래밍 기타일반]
프로그래밍언어 종류 >   1. 프로그래밍 언어
[C]
[C++]
[자바(Java)]
[자바스크립트]
[PHP]
[파이썬]
[(기타 언어)]
자바스크립트 >   1. JavaScript
  2. JS 기초 문법
[JS 변수,타입,논리식]
[JS 구문,연산자]
[JS 함수]
[JS 객체]
[JS 배열/Map/Set]
[JS 활용]
[JS 웹문서 제어]
JS 배열/Map/Set  1. JS 배열
  2. JS 배열 메소드
  3. Map 객체,Set 객체
  4. ArrayBuffer 객체
  5. 유사 배열 객체
  6. Iterator Method

1. 배열 내 요소 마다 메소드를 반복 적용 (Iterator Method)

  ㅇ forEach(콜백함수) : 배열 내 각 요소를 순서대로 처리
     - 배열 내 각 요소 마다 지정된 콜백함수를 실행
        . 매개변수로 전달 받은 콜백함수를, 배열 내 각 요소 마다 각각 적용
     - 배열의 각 요소 값을 차례로 꺼내어, 콜백함수인수로 넘기기를 반복함
        . 콜백함수로의 전달 인수 셋은, 
           .. (현재 요소값 [, 현재 인덱스 번호 [, 배열명]])
           .. 例) (eachValue, index, arrayName)
     - 이때, 콜백함수는 원본 배열 자체를 변경시킬 수 있음

  ㅇ map(콜백함수) : 배열 내 각 요소를 순서대로 처리후 새 배열 반환
     - 위 forEach와 매우 유사
     - 형식 : array.map( (element [, index [, array]]) => { return element_processed; } );
        . 배열 array 내 각 요소별로 처리하되, 새로운 결과 배열로 반환
        . 例) array.map( x => 2 * x ); 
     - 이때, 새 배열을 출력하되, 그 크기(size,length)는 변동 없음

  ㅇ reduce(콜백함수) : 배열 내 각 요소를 순서대로 처리 누적하며 하나의 값으로 줄임
     - 배열 각 요소를 하나씩 꺼내,
        . 사용자 함수(콜백함수)를 적용하고,
        . 그 결과 값을 계속 누적하는 함수
     - 결국, 배열을 하나의 값으로 줄여줌
     - 형식 
        . array.reduce( (누적값, 현재값, 인덱스, 요소) => { return 결과; }, 초기값 );
        . array.reduce( 콜백함수, 초기값 );
     - 이때, 반환 값 형태는, 객체 또는 배열 형태도 가능 

  ㅇ filter() : 배열 필터링
     - 배열 요소들 중 필요한 것 만 남김


[JS 배열/Map/Set] 1. JS 배열 2. JS 배열 메소드 3. Map 객체,Set 객체 4. ArrayBuffer 객체 5. 유사 배열 객체 6. Iterator Method

    요약목록

Copyrightⓒ written by 차재복 (Cha Jae Bok)     (소액후원)