자바스크립트 - 다양한 배열 메서드 2️⃣ (feat. reduce, reduceRight, push, pop, unshift, shift)
reduce와 reduceRight는 배열의 모든 요소를 단일 값으로 축소하는 메서드입니다. reduce는 왼쪽에서 오른쪽으로, reduceRight는 오른쪽에서 왼쪽으로 연산을 수행합니다. 📉
reduce 콜백 함수의 첫 번째 인자는 이전 축소 작업의 결과(누산기)이며, 초기값을 지정할 수 있습니다. 이는 forEach나 map과는 다른 중요한 차이점입니다. 💡
flat 메서드는 중첩된 배열을 평탄화하여 새로운 배열을 반환하며, 인자로 숫자를 전달하여 평탄화 깊이를 조절할 수 있습니다. 🥞
flatMap은 map과 flat(1)을 결합한 형태로, 각 요소를 매핑한 후 결과를 한 단계 평탄화합니다. 문자열도 이터러블이므로 flatMap을 적용할 수 있습니다. 🗺️
concat 메서드는 기존 배열에 요소나 다른 배열을 추가하여 새로운 배열을 반환하며, 원본 배열을 변경하지 않습니다. 중첩 배열은 1단계까지만 평탄화됩니다. ➕
push와 pop은 배열의 끝에서 요소를 추가하거나 제거하여 스택처럼 동작하며, 원본 배열을 직접 수정합니다. 📚
unshift와 shift는 배열의 시작 부분에서 요소를 추가하거나 제거하여 큐처럼 동작하며, 이 역시 원본 배열을 직접 수정합니다. 🔄
- 배열은 자바스크립트에서 매우 중요한 데이터 타입이므로, 이 메서드들을 숙지하는 것이 API 데이터 처리 및 활용에 필수적입니다. ✨
데브허브 | DEVHUB | 자바스크립트 - 다양한 배열 메서드 2️⃣ (feat. reduce, reduceRight, push, pop, unshift, shift)