> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트에서 map의 값을 읽는 방법

자바스크립트에서 map의 값을 읽는 방법

醉折花枝作酒筹
풀어 주다: 2021-07-19 16:43:56
원래의
7573명이 탐색했습니다.

JavaScript는 아래 첨자를 통해 지도 값을 얻을 수 있습니다. Map 객체는 키/값 쌍을 저장하며 키/값 쌍의 모음입니다. 모든 값(객체 또는 기본 값)을 키 또는 값으로 사용할 수 있습니다. Object 구조는 "문자열-값" 대응을 제공하고 Map 구조는 "값-값" 대응을 제공합니다.

자바스크립트에서 map의 값을 읽는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

Map 개체는 키/값 쌍을 저장하며 키/값 쌍의 모음입니다. 모든 값(객체 또는 기본 요소)을 키 또는 값으로 사용할 수 있습니다. Object 구조는 "문자열-값" 대응을 제공하고 Map 구조는 "값-값" 대응을 제공합니다.

지도 값을 가져오는 JavaScript의 예:

map对象如下:
var mapObject = {
id1001: '小明',
id1002: '小花'
}
로그인 후 복사

id 'id001'에 해당하는 값 가져오기:

for(var key in mapObject){
var value = mapObject[ key ]; //注意是 [ ]
alert(value); //依次弹出小明、小花
}
로그인 후 복사

객체와 지도 객체의 비교:

유사점: 둘 다 값에 액세스하고, 키를 삭제하고, 키로 키 감지 키에 바인딩된 값이 있는지 여부.

차이점:

1. 객체의 키는 문자열이나 기호만 될 수 있지만 맵의 키는 함수, 객체 및 기본 유형을 포함한 모든 값이 될 수 있습니다.

2. Map의 키 값은 순서가 지정되어 있지만 객체에 추가된 키는 순서가 없습니다. 따라서 이를 반복하면 Map 객체는 삽입된 순서대로 키 값을 반환합니다.

3. Map의 키-값 쌍 수는 크기 속성을 통해 직접 얻을 수 있지만 Object의 키-값 쌍 수는 수동으로만 계산할 수 있습니다.

4. 맵은 반복 가능하지만 객체의 반복은 먼저 키 배열을 얻은 다음 반복해야 합니다.

5. 객체에는 자체 프로토타입이 있으므로 프로토타입 체인의 키 이름이 객체의 키 이름과 충돌할 수 있습니다. ES5에서는 map = Object.create(null)을 사용하여 프로토타입 없이 객체를 생성할 수 있지만 이 사용법은 덜 일반적입니다.

6. 맵은 키-값 쌍이 자주 추가되거나 삭제되는 시나리오에서 몇 가지 성능 이점을 제공합니다.

【추천 학습: javascript 고급 튜토리얼

위 내용은 자바스크립트에서 map의 값을 읽는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿