본문 바로가기

javascript

(2)
[JavaScript] 알아두면 유용한 배열(Array) APIs 자바스크립트(JavaScript)에서 제공하는 API 중 배열을 다루는 유용한 함수들이 많다. 배열은 프로젝트에서 필수적으로 다뤄지므로 유용한 API들을 꼭 짚고 넘어가자. 배열의 순회 (forEach) 배열의 추가 (push, unshift, splice) 배열의 삭제 (pop, shift, splice) 배열의 검색 (indexOf, lastIndexOf) 두 배열 합치기 (concat) 1. Array.forEach() forEach() 메서드는 배열의 각 요소마다 특정 액션을 취해준다. // forEach 구문 arr.forEach(callback(currentvalue[, index[, array]])[, thisArg]) forEach()은 첫번째 파라미터에 콜백(callback)함수를 필수적..
[JavaScript] 자바스크립트 메서드 map(), filter(), reduce() 사용 자바스크립트(JavaScript)에서 배열을 쉽게 다룰 수 있도록 하는 메서드 map(), filter(), reduce()에 대해 알아보자. 간단히 정리하자면, map() - 배열의 각각의 요소를 활용해서 새로운 배열을 만들고 싶을 때 filter() - 조건에 맞는 특정 요소만 추출해서 새로운 배열을 만들고 싶을 때 reduce() - 각각의 요소를 활용해서 어떤 값을 얻고 싶을 때 (누적 값) 사용한다. 1. map() map() 메서드는 배열의 각각 요소에 대해 주어진 함수를 실행하여 반환한 결과를 모아 새로운 배열을 만들어준다. 1-1) arr.map(callback(currentValue)) var arr = [1, 2, 3, 4, 5]; var mapArr = arr.map((i) => i ..