ECMAScript 6의 Map 유형은 많은 키-값 쌍을 저장하는 순서가 지정된 목록입니다. 키-값 쌍은 모든 데이터 유형을 지원합니다. 키 0과 '0'은 두 개의 다른 키로 처리되며 강제 유형 변환은 발생하지 않습니다. 이 기사에서는 주로 es6 시리즈 튜토리얼_ 지도 세부 설명 및 공통 API 소개를 제공합니다.
Map 사용 방법
let map = new Map();
일반적인 방법:
set(key, value): 새로운 키-값 쌍 요소 추가
get(key): 값이 일치하지 않는 경우 값을 가져옵니다. 존재, 정의되지 않음
let map = new Map(); map.set( '0', 'ghostwu' ); map.set( 0, 'ghostwu' ); console.log( map.get( '0' ) ); //ghostwu console.log( map.get( 'name' ) ); //undefined;
let map = new Map(); var key1 = {}, key2 = {}; map.set( key1, 'ghostwu' ); map.set( key2, 22 ); console.log( map.get( key1 ) ); //ghostwu console.log( map.get( key2 ) ); //22
객체를 맵 키로 사용할 수 있습니다. 두 개의 빈 객체이지만 강력한 유형 변환은 발생하지 않습니다.
has(key): 키 이름이 존재하는지 확인
delete(key): 삭제 키 이름 및 해당 값
clear(): 지도 컬렉션의 모든 키-값 쌍을 제거합니다.
size: 지도 컬렉션의 요소 수
let map = new Map(); map.set( 'name', 'ghostwu' ); map.set( 'age', 22 ); console.log( map.has( 'name' ) );//true console.log( map.size ); //2 map.delete( 'name' ); console.log( map.has( 'name' ) );//false console.log( map.size ); //1 console.log( map.has( 'age' ) ); //true map.clear(); console.log( map.size ); //0 console.log( map.has( 'age' ) ); //false
Map은 2차원 배열을 사용하여 배열 초기화를 지원합니다. 각 배열은 키-값 쌍을 사용합니다.
let map = new Map( [ [ 'name', 'ghostwu' ], [ 'age', 22 ] ] ); console.log( map.has( 'name') ); //true console.log( map.has( 'age') ); //true console.log( map.size ); //2 map.set( 'sex', 'man' ); console.log( map.size ); console.log( map.get( 'name' ) ); //ghostwu map.clear(); console.log( map.size ); //0
Map 메소드는 2개의 매개변수를 지원하는 forEach 메소드도 지원합니다. 첫 번째는 3개의 매개변수(값, 키, 현재 맵)를 지원하는 함수이고, 두 번째는 다음과 같습니다. this
let map = new Map( [ [ 'name', 'ghostwu' ], [ 'age', 22 ] ] ); map.set( 'sex', 'man' ); map.forEach( function( val, key, cur ){ console.log( val, key, cur, this ); }, 100 );
관련 권장 사항:
JavaScript 작업 DOM용 일반 API 요약에 대한 자세한 소개
html5 캔버스용 일반 API 요약에 대한 자세한 설명(2 )--드로잉 API
위 내용은 Map 및 공통 API 예시에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!