JavaScript의 맵 대 객체

“ 지도 ' 그리고 ' 물체 ”는 키-값 쌍을 저장하는 데 사용되는 JavaScript의 두 가지 일반적인 데이터 구조입니다. 맵은 모든 데이터 유형을 키 또는 값으로 저장할 수 있는 데이터 구조가 필요하고 키-값 쌍의 정렬된 컬렉션이 필요할 때 사용됩니다. Object는 문자열 키만 저장해야 하는 경우에 사용됩니다.

이 게시물은 JavaScript에서 Map과 Object의 차이점을 설명합니다.

JavaScript에서 객체를 정의하는 방법은 무엇입니까?

JavaScript에서 객체는 각각 키-값 쌍이 있는 속성 모음입니다. “ 열쇠 ”는 “이다 이름 ”, 그리고 “ 값 '는 키에 대한 '값'입니다. 개체는 자동차, 사람 또는 은행 계좌와 같은 실제 개체를 나타낼 수 있습니다. 또한 공간의 수학적 점, 색상 또는 날짜와 같은 보다 추상적인 개체를 나타낼 수도 있습니다.

통사론

리터럴 객체 표기 {} 대괄호 또는 객체 생성자를 사용하여 객체를 생성할 수 있습니다. 리터럴 표기법 또는 대괄호를 사용하여 아래 구문을 사용합니다.

const 물체 = {
열쇠 : 값,
열쇠 : 값
}

Object 생성자 또는 ' 새로운 ” 키워드는 다음 구문을 사용합니다.

const 물체 = 새로운 물체 ( ) ;

물체. 열쇠 = 값 ;

메모: 개체 속성의 키 또는 이름은 문자열이어야 합니다.

예제 1: JavaScript에서 리터럴 표기법을 사용하여 객체 생성

다음 예제에서는 '라는 객체를 생성합니다. stdObject ” 리터럴 표기법 또는 대괄호 사용:

var stdObject = {
이름 : '남자' ,
나이 : 18 ,
롤노 : 25 ,
기준 : 9
}

콘솔에 개체를 인쇄합니다.

콘솔. 통나무 ( stdObject ) ;

산출

예제 2: JavaScript에서 개체 생성자를 사용하여 개체 만들기

여기서는 '를 활용하는 Object 생성자를 사용하여 객체를 생성합니다 새로운 ”키워드:

const stdObject = 새로운 물체 ( ) ;

이제 dot(.) 표기법을 사용하여 객체의 속성(키-값)을 추가합니다.

stdObject. 이름 = '못쓰게 만들다' ;

stdObject. 나이 = 19 ;

stdObject. 롤노 = 열 다섯 ;

stdObject. 기준 = 10 ;

마지막으로 '를 사용하여 콘솔에 개체를 표시합니다. 콘솔.로그() ' 방법:

콘솔. 통나무 ( stdObject ) ;

산출

JavaScript에서 맵을 정의하는 방법은 무엇입니까?

자바스크립트에서 ' 지도 ”는 객체와 유사한 키-값 쌍을 보유하는 데이터 구조입니다. 데이터를 키와 연결하고 나중에 키를 사용하여 데이터를 검색할 수 있습니다. 키를 값에 매핑하는 사전, 해시 테이블 및 기타 데이터 구조를 구현하는 데 맵을 활용할 수 있습니다.

통사론

맵을 초기화하려면 다음 구문을 사용하십시오.

const 지도 = 새로운 지도 ( [

[ '열쇠' , '값' ] ,

[ '열쇠' , '값' ]

] ) ;

Map 생성자를 사용하거나 new 연산자를 사용하여 Map을 생성하고 ' 세트() ' 방법:

const 지도 = 새로운 지도 ( ) ;

지도. 세트 ( '열쇠' , '값' ) ;

예: 자바스크립트에서 지도 만들기

주어진 예제에서는 두 구문을 모두 사용하여 맵을 생성합니다.

초기화 방법을 사용하여 지도를 만듭니다. 여기에서는 키를 문자열로 설정하고 모든 유형의 맵에서 키를 설정할 수 있습니다.

const mapStd = newMap ( [
[ '이름' , '남자' ] ,
[ '나이' , 18 ] ,
[ '롤노' , 25 ] ,
[ '기준' , 9 ] ,
] ) ;

또는 Map 생성자 또는 새 키워드/연산자를 호출하여 Map을 생성합니다.

const mapStd = 새로운 지도 ( ) ;

'를 사용하여 키-값 쌍으로 Map에 값을 설정합니다. 세트() ' 방법:

mapStd. 세트 ( '이름' , '남자' ) ;

mapStd. 세트 ( '나이' , 18 ) ;

mapStd. 세트 ( '롤노' , 25 ) ;

mapStd. 세트 ( '기준' , 9 ) ;

콘솔에 지도를 인쇄하려면 ' 항목() ” 방법을 “ for-of ' 루프:

~을 위한 ( const [ 핵심 가치 ] mapStd의 항목 ( ) ) {

콘솔. 통나무 ( `$ { 열쇠 } : $ { 값 } ` ) ;

}

또는 특정 키/속성 값에 액세스하려면 ' 얻다() ' 방법:

콘솔. 통나무 ( '의 롤노' + mapStd. 얻다 ( '이름' ) + ' 이다 ' + mapStd. 얻다 ( '롤노' ) ) ;

출력은 Map의 모든 속성과 특정 속성의 값을 나타냅니다.