소개
이 랩에서는 배열 요소들을 위치를 기반으로 그룹화하고 함수를 사용하여 결합하는 방법을 살펴봅니다. 이를 위해 zipWith 함수를 사용할 것입니다. 이 함수는 원래 배열의 위치를 기반으로 그룹화된 요소들의 배열을 생성합니다. zipWith 함수는 서로 다른 길이의 배열을 다룰 때 매우 유용하며, 이러한 시나리오를 처리하는 방법을 살펴보겠습니다.
JavaScript 함수를 사용하여 배열 요소 그룹화하기
배열의 요소를 그룹화하려면 zipWith 함수를 사용할 수 있습니다.
작동 방식은 다음과 같습니다.
- 이 함수는 무제한의 수의 배열을 인수로 받습니다.
- 마지막 인수가 함수인지 확인합니다.
Math.max()를 사용하여 가장 긴 배열의 길이를 찾습니다.Array.from()과 매핑 함수를 사용하여 그룹화된 요소의 새 배열을 생성합니다.- 인수 배열의 길이가 다르면, 값이 없는 경우
undefined가 사용됩니다. - 각 그룹의 요소로 함수가 호출됩니다.
zipWith 함수의 사용 예시는 다음과 같습니다.
zipWith([1, 2], [10, 20], [100, 200], (a, b, c) => a + b + c); // [111, 222]
zipWith(
[1, 2, 3],
[10, 20],
[100, 200],
(a, b, c) =>
(a != null ? a : "a") + (b != null ? b : "b") + (c != null ? c : "c")
); // [111, 222, '3bc']
zipWith 함수를 사용하려면 터미널/SSH 를 열고 node를 입력하십시오.
요약
축하합니다! 함수 기반 배열 요소 그룹화 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 기술을 향상시킬 수 있습니다.