[ReactJS_Complete] Useful JavaScript Function

이 글은 [[한글자막] React 완벽 가이드 with Redux, Next.js, TypeScript]를 수강하며 정리한 글입니다.

 

 

⚛️ 기본 환경: IDE: VS code, Language: React

 

 

1. Array.prototype.map(callbackFn, thisArg)

: 호출 배열의 모든 요소에 제공된 함수를 호출한 결과로 채워진 새 배열을 생성하는 함수

 

2. Array.prototype.find(callbackFn, thisArg)

: 배열에서 제공된 테스트 함수를 만족하는 첫 번째 요소를 반환, 만족하는 값이 없으면 undefined 반환

 

3. Array.prototype.findIndex(callbackFn, thisArg)

: 제공된 테스트 함수를 만족하는 배열의 첫 번째 요소의 인덱스를 반환, 만족하는 요소가 없으면 -1 반환

 

4. Array.prototype.filter(callbackFn, thisArg)

: 주어진 배열에서 제공된 함수에 의해 구현된 테스트를 통과한 요소 반환

 

5. Array.prototype.reduce(callbackFn, initialValue)

: 배열의 각 요소에 대해 콜백 함수를 순서대로 실행하여 이전 요소에 대한 계산의 반환값 전달, 배열의 모든 요소에 대해 감속기를 실행한 최종 결과로 단일 값을 반환

 

6. Array.prototype.concat(...value(optional))

: 두 개 이상의 배열 병합, 기존 배열의 변경없이 새 배열 반환

 

7.  Array.prototype.slice(start(optional), end(optional))

: 기존 배열의 변경없이 새 배열로 시작값(포함)부터 끝값(제외)까지의 값으로 이뤄진 새로운 배열 반환

 

8. Array.prototype.splice(start, deleteCount(optional), item(optional))

:  기존 요소를 제거 또는 바꾸거나 새 요소를 제자리에 추가하여 변경된 배열을 반환

 

 

 

참고 자료

Array - JavaScript | MDN