본문 바로가기
공부/TypeScript

배열 활용 method

by svcbn 2024. 8. 27.

07/30

fold

배열의 값을 하나하나 순회하여 데이터를 가공해 결과를 내는 것.

Array.filter

값을 선별하며 배열 순회 가능.

arr.filter(callback: (value: T, index?: number): boolean): T[]

callback 으로 index를 넣어 index까지만 순회 시키거나, 특정 index에서 이벤트가 발생하도록 할 수도 있다.

Array.map

배열을 받아서 가공 한 다음, 다른 type 또는 같은 type 의 배열로 만들 수 있음.

arr.map(callback: (value: T, index?: number): Q): Q[]

 

Array.reduce

기존의 fold 함수를 대체하는 method.
각각을 순회하여 연산한 값인 result 와 각 값인 value 로 하나의 값을 만드는 로직.

arr.reduce(callback: (result: T, value: T), initValue: T): T

 

비교

filter
배열을 순회하며 조건에 맞는 것 만을 배열에 넣어 return. 입력 배열과 출력 배열이 같은 type.

map
배열을 순회하며 배열 값들에 하나하나의 로직을 적용하여 배열에 담아 return.
입력 배열과 출력 배열이 달라도 상관 없음.

'공부 > TypeScript' 카테고리의 다른 글

extends / implements  (0) 2024.09.23
TypeScript 의 유용한 연산자  (0) 2024.09.17