JavaScript Array.map(): 모든 내용을 읽어 보십시오!

반응형

도입부

JavaScript에는 배열을 취하고 지정된 작업을 요소에 적용하여 요소가 변환된 새 배열을 얻는 Array.map() 메소드가 있습니다. for 루프를 사용하여 어레이를 통해 수동으로 반복할 필요 없이 어레이.map() 방법을 사용하여 어레이 요소를 보다 간단하게 변경할 수 있습니다. Array.map()은 배열을 변형하지 않고 입력 배열을 가져와서 요소가 변경된 새 배열을 만듭니다. Array.map()은 각 요소를 콜백 함수의 결과로 사용하여 새 배열을 반환합니다. .map() 메소드는 배열의 각 요소에 대해 함수를 호출하며 빈 요소에 대해서는 함수를 실행하지 않는다.

Array.map()의 예제 #1

배열이 대체 뭔데요?

 

배열은 요소 그룹을 포함하는 데이터 구조이며 이러한 요소는 값의 순서 리스트입니다. 각 값은 인덱스로 지정됩니다.

Array.map() 메서드를 사용하는 이유

어레이.map() 메소드를 사용하면 배열의 요소를 변경할 때마다 루프에 대해 지속적으로 작성할 필요가 없으므로 코드를 단순화할 수 있습니다. 또한 배열의 모든 요소를 한 개 대신 동시에 변경할 수 있는 쉬운 방법입니다. 자바스크립트에서는 배열 요소의 함수 호출, 문자열 배열 변환, 자바스크립트 라이브러리의 목록 렌더링, 배열 객체 재포맷과 같은 다양한 방법으로 배열.map() 함수를 사용할 수 있습니다.

Array.map()의 예제 #2

 

.map()을 배열 이외의 다른 데이터 구조에서 사용할 수 있습니까?

아니요. .map() 메소드는 배열에만 적용되며 다른 데이터 구조는 적용되지 않습니다. .map()이 새로운 배열을 만들기 때문에 반환된 배열을 사용하지 않을 때 사용하는 것은 프로그래밍을 위한 스타일 지침인 자바스크립트 코딩 규칙을 따르지 않으며 코드를 읽고 유지 관리하기 쉽게 만든다. 대신 각 또는 용을 사용해야 합니다. .map()을 사용하면 안 됩니다. 1. 반환되는 배열 및/또는 2를 사용하지 않습니다. 콜백에서 값을 반환하지 않습니다.

Array.map()는 콜백 함수를 어떻게 사용합니까?

.map은 콜백 함수를 인수 중 하나로 받아들일 수 있으며, 이 함수의 중요한 매개변수는 함수에 의해 처리되는 항목의 현재 값이다. 이것은 필수 매개 변수입니다. 이 매개변수를 사용하면 배열의 각 항목을 변경하고 새 배열의 변환된 요소로 반환할 수 있습니다.

Array.map()의 예제 #3

 

자바스크립트에도 비슷한 방법이 있나요?

예, .map()은 JavaScript Array 프로토타입에 존재하는 많은 내장 메소드 중 하나입니다. 다른 내장 메소드로는 .pop(), .reduce(), .filter(), .splice(), .push(), .reverse(), .shift(), .sort(), .unshift() 등이 있다.

요약

.map() 메소드를 사용하면 배열의 모든 요소에 대해 반복하여 변경 또는 추가한 다음 변환된 요소를 반환하여 원래 요소를 바꿀 수 있습니다. 그러나 .map()은 원래 입력 배열을 변형하지 않는다. .map() 메서드는 항상 새 배열을 반환합니다. 배열을 추가하거나 변경하려고 하지만 배열이 원래 배열과 동일한 수의 요소를 유지하도록 할 때 .map() 방법을 사용할 수 있습니다. .map() 메소드는 매우 지루할 수 있는 루프에 대한 사용을 피하는 유용한 방법입니다.