JavaScript에서 맵 값을 배열로 변환하는 방법

Javascripteseo Maeb Gabs Eul Baeyeollo Byeonhwanhaneun Bangbeob



JavaScript 맵은 ES6에서 도입되었습니다. 정렬된 목록에 키-값 쌍을 저장합니다. 맵을 사용하면 ID 및 사용자 이름과 같은 기본 키-값 쌍을 저장하는 데 매우 유용할 수 있습니다. 또한 JavaScript Map 개체는 반복 가능하기 때문에 JavaScript는 Map의 값을 검색하기 위해 반복하는 방법에 대한 몇 가지 방법을 제공합니다.

이 튜토리얼에서는 지도의 값을 배열로 변환하는 절차를 설명합니다.

JavaScript를 사용하여 맵 값을 배열로 변환/변환하는 방법은 무엇입니까?

맵의 값을 배열로 변환하려면 아래에 설명된 방법을 사용하십시오.







  • Array.from() 메서드
  • 스프레드 연산자

방법 1: Array.from() 메서드를 사용하여 맵 값을 배열로 변환

맵의 값을 배열로 변환하려면 ' 지도.값() ” 방법을 “ 배열.from() ' 방법. map.values() 메서드는 지도의 값을 가져오는 데 사용되며 Array.from() 메서드는 이 값을 배열로 변환합니다.



통사론
지도 값을 배열로 변환하려면 다음 구문을 따르십시오.



정렬 . ~에서 ( 지도. ( ) )

예시
Map() 생성자를 사용하여 새 지도 객체를 만듭니다.

~였다 지도 = 새로운 지도 ( ) ;

' 세트() ' 방법:

지도. 세트 ( '1' , '이름' ) ;
지도. 세트 ( '둘' , '나이' ) ;
지도. 세트 ( '삼' , '이메일' ) ;
지도. 세트 ( '4' , '연락하다#' ) ;

를 불러 ' 값() ”의 방법 배열.from() ” 메서드는 맵 값을 가져와서 배열로 변환하고 변수에 저장합니다. 지도값 ”:

~였다 지도값 = 정렬 . ~에서 ( 지도. ( ) ) ;

마지막으로 콘솔의 배열에 맵 값을 인쇄합니다.

콘솔. 통나무 ( 지도값 ) ;

출력은 맵의 값이 성공적으로 배열로 변환되었음을 나타냅니다.

방법 2: 스프레드 연산자를 사용하여 맵 값을 배열로 변환

지도의 값을 배열로 변환하는 또 다른 방법은 ' 확산 연산자 ' 이랑 ' 지도.값() ' 방법. map.values() 메서드는 먼저 맵의 값을 가져오고 스프레드 연산자는 모든 맵 값을 배열로 복사합니다.

통사론
스프레드 연산자를 사용하여 맵 값을 배열로 변환하려면 아래 제공된 구문을 사용하십시오.

[ ... 지도 . ( ) ]

예시
를 불러 ' 지도.값() ” 방법을 “ 확산 연산자 '는 지도의 값을 배열로 변환합니다.

~였다 지도값 = [ ... 지도 . ( ) ] ;

산출

보너스 팁

키 또는 모든 맵 항목을 배열로 변환하려면 아래 섹션을 따르십시오.

Array.from() 메서드를 사용하여 Map의 키를 배열로 변환

맵의 키와 맵의 모든 항목(키-값 쌍)을 배열로 변환하려면 ' 지도.키() ” 방법과 “ map.entries() ” 방법을 “ 배열.from() ' 방법. map.Keys() 메서드는 맵의 키를 가져오고 map.entries() 메서드는 키-값 쌍에서 맵의 항목을 검색하는 데 사용됩니다.

예시
맵 키를 변환하려면 ' 지도.키() ”의 방법 배열.from() ' 방법:

const 열쇠 = 정렬 . ~에서 ( 지도. 열쇠 ( ) ) ;

모든 맵 항목을 배열로 변환하기 위해 Array.from() 메서드의 인수로 map.entries() 메서드를 호출합니다.

const 항목 = 정렬 . ~에서 ( 지도. 항목 ( ) ) ;

출력은 맵의 키와 항목이 성공적으로 배열로 변환되었음을 보여줍니다.

확산 연산자 방법을 사용하여 맵 키를 배열로 변환

' 확산 연산자 '.

예시
를 불러 ' 지도.키() ” 메서드를 스프레드 연산자와 함께 사용하고 결과 배열을 변수 mapKeys에 저장합니다.

~였다 맵키 = [ ... 지도 . 열쇠 ( ) ] ;

'를 사용하여 배열의 맵 항목을 변환하려면 map.entries() 스프레드 연산자를 사용하는 방법:

const 지도 항목 = [ ... 지도 . 항목 ( ) ] ;

산출

매핑 값을 배열로 변환하고 JavaScript를 사용하여 키와 항목을 배열로 매핑하는 데 필요한 모든 정보를 컴파일했습니다.

결론

맵 값을 배열로 변환하려면 ' 지도.값() ” 방법을 “ 배열.from() ” 방법 또는 “ 확산 연산자 '. map.values() 메서드는 맵의 값을 가져오는 데 사용되며 Array.from() 메서드는 이 값을 배열로 변환하는 반면 스프레드 연산자는 모든 맵 값을 배열에 복사합니다. 이 자습서에서는 맵 값을 배열로 변환하는 절차를 설명합니다.