JavaScript에서 2D 배열을 어떻게 쉽게 전치할 수 있나요?

JavaScript에서 쉽게 2D 배열 전치

2D 배열을 전치하려면 행을 열로 또는 그 반대로 변환해야 합니다. 이는 특정 처리 요구 사항에 맞게 데이터를 재구성하기 위해 수행되는 경우가 많습니다. 이를 달성하기 위해 루프를 사용하는 것이 일반적이지만 더 편리한 접근 방식이 있습니다.

다음 2D 배열을 고려하세요.

[
    [1,2,3],
    [1,2,3],
    [1,2,3],
]

이를 다음으로 바꾸려면:

[
    [1,1,1],
    [2,2,2],
    [3,3,3],
]

지도의 힘을 활용할 수 있습니다:

output = array[0].map((_, colIndex) => array.map(row => row[colIndex]));

이해 map 함수

map은 배열의 각 요소를 반복하면서 콜백 함수를 적용하여 요소를 변환합니다. 출력은 변환된 값을 포함하는 새 배열입니다.

전치 코드 분석

• array[0]은 입력 배열의 첫 번째 행에 액세스합니다.
• 콜백 함수(_, colIndex)는 요소(_)와 해당 열 인덱스를 받습니다. (colIndex).
• 콜백 내에서 array.map(row => row[colIndex])는 각 행을 반복하여 지정된 열 인덱스에서 요소를 추출합니다.
• 결과는 다음과 같습니다. 새로운 열 배열

결론

맵을 사용한 이 간결한 접근 방식은 전치 프로세스를 간소화하여 중첩 루프가 필요 없으며 코드를 상당히 단순화합니다.

위 내용은 JavaScript에서 2D 배열을 어떻게 쉽게 전치할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!