.map()에서 요소를 건너뛰는 방법은 무엇입니까?

JavaScript에서는 map() 메서드를 사용하는 동안 배열 요소를 건너뛰어야 하는 경우가 있습니다. 예를 들어 배열 값이 유한한 경우에만 요소에 대해 몇 가지 수학적 연산을 수행한 후 한 배열의 값을 다른 배열로 매핑해야 합니다.

이 경우 사용자는 map() 메서드를 사용하는 동안 다음 방법을 사용하여 배열 요소를 건너뛸 수 있습니다.

if-else 문을 사용하세요

array.map() 메소드에서 if-else 문을 사용하여 요소를 건너뛸 수 있습니다. 요소가 if-else 문 조건을 충족하면 매핑을 위해 요소가 반환되어야 하며, 그렇지 않으면 null 값을 반환할 수 있습니다.

문법

사용자는 다음 구문에 따라 if-else 문을 사용하여 map() 메서드의 요소를 건너뛸 수 있습니다.

으아악

위 구문에서 if-else 문의 조건이 true로 평가되면 일부 값을 반환하고, 그렇지 않으면 null을 반환합니다.

예 1

아래 예에서는 숫자 값이 포함된 배열을 만들었습니다. 우리의 목표는 각 양수 요소에 2를 곱하고 이를 승수 배열에 매핑하는 것입니다. map() 메소드에서는 "element > 0" 조건을 사용하여 배열이 양수인지 확인하고, true로 평가되면 2를 곱한 숫자를 반환합니다.

출력에서 사용자는 null 값을 반환하면 배열 인덱스가 null로 표시되는 것을 볼 수 있습니다.

으아악

map() 메소드와 함께 filter() 메소드를 사용하세요

map() 메소드보다 먼저 filter() 메소드를 사용할 수 있습니다. filter() 메소드를 사용하면 일부 요소를 제거하고 다른 배열에서 필요한 요소를 필터링할 수 있습니다.

이후에는 filter() 메서드로 생성된 배열과 함께 map 메서드를 사용하면 map() 메서드의 요소를 간접적으로 건너뛸 수 있습니다.

문법

사용자는 다음 구문에 따라 filter() 메서드를 사용하여 map() 메서드의 요소를 건너뛸 수 있습니다.

으아악

위 구문에서는 먼저 배열의 값을 필터링하고 필터링된 값에 대해 map() 메서드를 사용합니다.

예 2

아래 예시에서는 다양한 문자열 값을 포함하는 배열을 만들었습니다. 우리의 목표는 첫 번째 문자가 대문자인 경우 모든 문자열을 대문자로 변환하는 것입니다. 따라서 먼저 filter() 메서드를 사용하여 첫 번째 문자가 대문자인 모든 문자열을 필터링하고 이를filteredValues ​​배열에 저장합니다.

이후에filteredValues ​​배열과 함께 map() 메소드를 사용하여 대문자로 변환한 후 새로운 배열에 매핑하겠습니다.

으아악

array.reduce() 메소드를 사용하세요

map() 메서드는 요소를 새 배열에 매핑합니다. 동일한 목적을 달성하기 위해 Reduce() 메소드를 사용할 수도 있습니다. Reduce() 메소드를 사용하여 빈 배열을 얻고 요소를 하나씩 배열에 매핑할 수 있습니다.

문법

사용자는 아래 구문에 따라 축소() 메서드를 사용하여 map() 메서드처럼 작동하고 일부 요소를 건너뛸 수 있습니다.

으아악

위 구문에서는 특정 조건에 따라 요소를 배열에 푸시합니다. 그렇지 않으면 요소를 건너뛰기 위해 요소를 배열에 푸시하지 않고 배열을 반환합니다.

예 3

아래 예에서 우리의 목표는 2로 나눌 수 있는 모든 요소를 ​​자체적으로 매핑하는 것입니다. 따라서 콜백 함수를 Reduce() 메서드의 첫 번째 매개 변수로 전달하고 빈 배열을 두 번째 매개 변수로 전달합니다.

콜백 함수에서 조건이 충족되면 요소를 배열에 푸시하고 배열을 반환합니다. 그렇지 않으면 변경 사항 없이 배열을 반환합니다.

마지막으로, Reduce() 메서드는 매핑된 모든 요소가 포함된 배열을 반환합니다. 이 배열은 Final_array 변수에 저장되어 사용자가 출력에서 ​​볼 수 있습니다.

으아악

map() 메서드에서 요소를 건너뛰는 세 가지 방법을 배웠습니다. 첫 번째 방법은 빈 요소를 저장하고 더 많은 공간을 차지하며, 두 번째 방법은 filter() 메서드만 사용하기 때문에 시간 복잡도가 증가합니다. 세 번째 방법은 공간과 시간을 최적화하기 때문에 가장 좋습니다.

위 내용은 .map()에서 요소를 건너뛰는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!