> 웹 프론트엔드 > JS 튜토리얼 > Map의 일반적인 방법 요약

Map의 일반적인 방법 요약

巴扎黑
풀어 주다: 2017-08-13 14:47:44
원래의
1741명이 탐색했습니다.

Map은 ES6의 새로운 데이터 구조입니다. 실제로 기능은 비슷합니다. 다음 글은 ES6 학습 튜토리얼에서 Map의 일반적인 방법을 주로 요약하고 소개하고 있으며, 샘플 코드를 통해 자세히 소개하고 있습니다.

머리말

ES6에는 JS를 더욱 강력하고 표현력 있게 만드는 많은 새로운 언어 기능이 포함되어 있습니다. 이 글에서는 ES6의 일반적인 Map 메소드에 대해 자세히 소개합니다.

1 Map 구조를 배열 구조로 변환합니다. 더 빠른 방법은 확산 연산자를 사용하는 것입니다. (...)

let map = new Map([
 [1, 'one'],
 [2, 'two'],
 [3, 'three'],
]);
[...map.keys()]
// [1, 2, 3]
[...map.values()]
// ['one', 'two', 'three']
[...map.entries()]
// [[1,'one'], [2, 'two'], [3, 'three']]
[...map]
// [[1,'one'], [2, 'two'], [3, 'three']]
로그인 후 복사

2.Map 루프 탐색

Map은 기본적으로 세 개의 탐색자를 제공합니다.

keys(): 반환하는 탐색자 키 이름.

  • values(): 키 값의 순회자를 반환합니다.

  • entries(): 모든 구성원의 순회자를 반환합니다.

  • 다음은 사용예입니다.

let map = new Map([
 ['F', 'no'],
 ['T', 'yes'],
]);

for (let key of map.keys()) {
 console.log(key);
}
// "F"
// "T"

for (let value of map.values()) {
 console.log(value);
}
// "no"
// "yes"

for (let item of map.entries()) {
 console.log(item[0], item[1]);
}
// "F" "no"
// "T" "yes"

// 或者
for (let [key, value] of map.entries()) {
 console.log(key, value);
}

// 等同于使用map.entries()
for (let [key, value] of map) {
 console.log(key, value);
}
로그인 후 복사

위 코드의 마지막 예는 항목 메소드인 Map 구조의 기본 반복자 인터페이스(Symbol.iterator 속성)를 나타냅니다.


map[Symbol.iterator] === map.entries // true
로그인 후 복사

3.Map 길이 가져오기

map.size;
로그인 후 복사

4.Map 첫 번째 요소 가져오기

const m = new Map();
m.set('key1', {})
m.set('keyN', {})

console.log(m.entries().next().value); // [ 'key1', {} ]
로그인 후 복사

첫 번째 열쇠를 받으세요


console.log(m.keys().next().value); // key1
로그인 후 복사

첫 번째 값 가져오기


console.log(m.values().next().value); // {}
로그인 후 복사

위 내용은 Map의 일반적인 방법 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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