지도 메서드가 배열을 변경하지 못하는 이유는 무엇입니까?

Question

나는 다음과 같은 간단한 기능이 있습니다 배열의 각 요소를 통해 이동하도록되어

function shiftCase2(string) { 
    temp = string.split(''); 
    temp.map(function(x) { 
     if (x == x.toUpperCase()) { 
      x = x.toLowerCase(); 
     } 
     if (x == x.toLowerCase()) { 
      x = x.toUpperCase(); 
     } 
    }) 
    temp = temp.join(""); 
    console.log(temp); 
} 

를하고, 문자가 대문자 인 경우는 소문자와 그 반대로 변경합니다. 예를 들어 shiftCase2("TEST string to USE");은 나에게 "test STRING TO use"을 제공해야합니다.

나는 그것이 작동하지 않는 이유를 알 수없고 내 입력을 원래대로 되돌립니다.

Answer 1

.map()은 소위 순수 함수이다. 즉, 입력을 수정하지 않고 새로운 출력을 생성합니다.

당신은 이런 식으로 할 필요가 :

temp = temp.map(function(x) { 
    if (x == x.toUpperCase()) { 
     return x.toLowerCase(); 
    } 
    if (x == x.toLowerCase()) { 
     return x.toUpperCase(); 
    } 
}) 

나는 docs to learn how it works을 확인하는 것이 좋습니다.

Answer 2

.map()은 새 배열을 만듭니다. .map()에 전달하는 함수는 새 값을 반환해야합니다. 이것은 한 방법이다 : 배열은 수정되지 않습니다

temp = temp.map(function(x) { 
    if (x == x.toUpperCase()) { 
     x = x.toLowerCase(); 
    } 
    if (x == x.toLowerCase()) { 
     x = x.toUpperCase(); 
    } 
    return x; 
} 

Answer 3

.map() 방법은, 그것은 새로운 하나를 반환합니다. 그러나 .forEach() 메서드는 예상 한 배열을 변경합니다.

코드 명확성 및 "기능 프로그래밍"팬은 코드를 더 잘 이해하기 위해 .map() 방법을 사용하는 것이 더 좋다고 말하면서 일반적으로 동의합니다. 그러나 성능이 큰 배열의 주요 관심사라면 forEach이 실제로 더 빠릅니다. 성능 비교에 대해서는 this link을 참조하십시오. 이 경우 .map()을 사용하는 것이 가장 좋습니다.

행운을 빈다.

Answer 4

Array.prototype.map()은이 배열의 모든 요소에 제공된 함수 을 호출 한 새 배열을 만듭니다. Source.

기본적으로 .map()은 의도적으로 원래 입력을 수정하지 않습니다.