집 >웹 프론트엔드 >JS 튜토리얼 >Map 및 공통 API 예시에 대한 자세한 설명

Map 및 공통 API 예시에 대한 자세한 설명

小云云원래의: 2018-02-01 13:36:061595검색

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 );

Map 및 공통 API 예시에 대한 자세한 설명

관련 기사