Map의 일반적인 방법 요약

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!