>  기사  >  웹 프론트엔드  >  Map 및 공통 API 예시에 대한 자세한 설명

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

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

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 common api

JavaScript 작업 DOM용 일반 API 요약에 대한 자세한 소개

html5 캔버스용 일반 API 요약에 대한 자세한 설명(2 )--드로잉 API

위 내용은 Map 및 공통 API 예시에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.