Javascript array에는 다양한 내장 함수들이 있습니다.
ES6에서 새롭게 생긴 함수들은 아니지만, 이른바 선언형 프로그래밍을 하게 될 때 많이 사용하게 되는 Array 함수들입니다.
장황한 설명은 필요치 않은 것 같아, 간단하게 정리해봤습니다.
var arr = [1,2,3,4,5]
1. forEach - 전체를 순회할 때
// 전체를 순회.
arr.forEach((item, index, array) => {
console.log('돈다');
})
2. map - 원본 배열 안 건들고 새로운 배열을 만들 때 - 이건 전부다 해당
// 모든 배열의 값을 1 증가.
arr.map((item, index, array) => {
return item + 1
})
3. some - 원본 배열 중 하나 라도 만족하는지 여부를 알 때.
// 배열에 1인 값이 들어 있는가?
arr.some((item, index, array) => {
return item == 1
})
4. Every - 원본 배열 중 전체가 만족하는지 여부를 알 때.
// 배열 내 값이 모두 숫자인가?
arr.every((item) => {
return !isNaN(item);
})
5. filter - 배열에서 특정 케이스만 필터링해서 새로운 배열 만들 때 - 이건 필터링
// 짝수만 필터링.
arr.filter((item, index, array) => {
return item % 2 == 0;
})
6. reduce - 배열을 돌면서 이전 배열의 결과 값을 이어서 무언가 할 때.
// 배열 내 모든 값 더하기.
arr.reduce((prev, current, index, array) => {
return prev + current;
})
7. find - 배열을 돌면서 참인 값이 존재하는가
// 5가 배열에 존재하는가?
arr.find((item, index, array) => {
return item == 5
})
'개발 이야기 > ES6' 카테고리의 다른 글
VScode + Prettier + TypeScript + ESLint (Airbnb) (0) | 2019.11.06 |
---|---|
Proxy & Reflect (0) | 2019.05.24 |
구조 분해 할당 (0) | 2019.05.24 |
Code Splitting & Dynamic JS Import (0) | 2019.05.22 |
ES6 시작하기. 개발 환경 세팅. (0) | 2019.05.21 |