자바스크립트 배열 메소드 5가지 (indexOf, filter, forEach, map, reduce)
Source
Evernote/Inbox/자바스크립트에서 당장 사용해야 할 5가지의 배열 메소드들 (Array).md
Summary
자바스크립트 개발 생산성과 코드 가독성을 높일 수 있는 5가지 핵심 배열(Array) 메소드를 소개한다. 1) indexOf: 특정 값 존재 여부 확인 시 for 루프 대신 사용. 2) filter: 조건에 맞는 요소만 추출하여 새 배열 생성. 3) forEach: 배열 순회 시 for 루프의 대안으로 가독성 향상 (성능 차이는 미미). 4) map: 각 요소에 연산을 적용하여 동일한 길이의 새 배열을 반환 (forEach 와 용도 구분 필요). 5) reduce: 배열을 단일 값이나 객체로 축약하며, 초기값 설정 여부에 따라 동작이 달라짐.
Key Points
- indexOf: 배열 내 특정 값의 존재 여부를 -1 비교로 간단히 확인 가능.
- filter: 조건 함수를 통해 원본 배열에서 조건에 맞는 요소만 필터링한 새 배열 반환.
- forEach: 배열 순회용 메소드로, 반환값이 없으며(forEach 는 undefined 반환) 가독성 측면에서 for 루프보다 우위.
- map: 각 요소에 함수를 적용한 결과를 반환하여 새 배열을 생성함. 반환값이 필요한 경우 사용.
- reduce: 배열의 모든 요소를 순회하며 누적값을 계산. 초기값 제공 시 첫 번째 인자로 사용됨. 객체 생성이나 합계 계산 등에 유용.