개발 이야기/ES6

Array method

석구석구 2019. 6. 11. 02:04

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