ECMAScript 5 Array 객체(feat. forEach(), map())

ECMAScript 5 에 대해 아주 간단하게 알아보면

HTML5 와 함께 출현한 자바스크립트 표준안을 ECMAScript 5 라고 부른다.

EMCAScript 5 는 기존의 자바스크립트에서 객체 관련 부분을 많이 보완 했다.

끝.

EMCAScript 5 에는 여러 메소드가 존재하는데

그 중 반복 메소드에 대해서만 알아보겠다.

(내가 얼마전에 블로그에 indexOf 메소드에 관해 글을 포스팅 했는데

indexOf 메소드는 ECMAScript 5 에서 탐색 메서드에 속한다.)

EMCAScript 5 의 반복메소드에는 forEach() 와 map() 이 존재한다.

forEach()는 배열의 각각의 요소를 사용해 특정 함수를

for in 반복문처럼 실행한다.

map()은 기존의 배열에 특정 규칙을 적용해 새로운

배열을 만든다.

먼저 forEach() 메소드를 짧게 사용해보면

forEach() 메소드의 매개변수로 입력한 함수는

매개변수로 element, index, array가 있다.

element는 현재 반복에서 배열의 요소를 뜻하고,

index는 현재 반복에서 배열 요소의 인덱스,

array는 현재 반복을 수행하는 배열 자체를 뜻한다.

이제 map()메소드를 사용해 보겠다.

map()메소드는 배열의 각 요소를 변경해 새로운

배열을 리턴한다. map() 메소드의 매개변수에는

아래와 같은 함수를 넣었다.