>  기사  >  웹 프론트엔드  >  자바스크립트에 지도 객체가 있나요?

자바스크립트에 지도 객체가 있나요?

WBOY
WBOY원래의
2022-07-01 16:00:062057검색

JavaScript에는 지도 객체가 있습니다. 지도 객체는 키-값 쌍의 모음입니다. 지도 객체가 키-값 쌍을 저장할 때 키는 모든 데이터 유형이 될 수 있습니다. 키의 원래 삽입 순서를 기억하고 지도의 크기를 나타내는 A 속성을 가지고 있습니다. 객체를 키로 사용할 수 있다는 것은 지도의 중요한 기능입니다.

자바스크립트에 지도 객체가 있나요?

이 튜토리얼의 운영 환경: Windows 10 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

JavaScript에는 지도 객체가 있습니다

Map 객체는 키-값 쌍을 저장하며 키는 모든 데이터 유형이 될 수 있습니다.

Map 객체는 키의 원래 삽입 순서를 기억합니다.

지도 객체에는 지도의 크기를 나타내는 속성이 있습니다.

Map은 객체와 유사한 키-값 쌍 데이터 구조인 객체를 대상으로 합니다.

  • 객체와 달리 Map의 키는 키뿐만 아니라 모든 유형의 값이 될 수 있습니다(null은 정의되지 않은 것으로 처리됨) 문자열
  • Map의 값은 순서대로 있고 크기를 통해 길이를 얻을 수 있습니다.
  • Map은 키-값 쌍이 자주 추가되고 삭제되는 시나리오에서 성능상의 이점을 갖습니다.
let map = new Map([
    ["姓名", "张三"],
    ["年龄","18"],
    [null, null],
    [undefined, null]])// 类似于:let obj = {
    '姓名': '张三',
    '年龄': 18,
    'null': null,
    'undefined': null}map.set(obj, 'new obj')console.log(...map)

자바스크립트에 지도 객체가 있나요?

작동 방법

) , 찾을 수 없으면 정의되지 않음을 반환delete(key)현재 Map 객체에서 값을 삭제하고 삭제 성공 여부를 나타내는 부울 값을 반환합니다.has(key)이것이 있는지 감지합니다. value는 현재 Map 개체의 요소이며 반환된 부울 값을 사용합니다. clear()를 나타냅니다. 현재 Map 개체의 모든 요소를 ​​지우고 반환 값은 없습니다.
메서드/속성 Description
size 속성, 배열의 길이와 동일한 현재 Map 객체의 길이를 가져옵니다
set(key, value) 현재 Map 객체에 값 추가, Map 객체 반환, 체인 쓰기 지원
get(key) 키를 통해 값 찾기(key가 객체일 때key는 동일한 객체에 대한 참조여야 합니다

Map 순회 방법 메소드/속성 함수 소개 key s()Set 객체의 키 이름에 대한 순회자를 반환합니다.values()의 키 값에 대한 순회자를 반환합니다. Set objectentries()Set 개체의 키-값 쌍에 대한 순회자를 반환합니다forEach()콜백 함수를 사용하여 Set 개체의 각 요소를 순회하고 this

for(let item of map.entries()) {
    console.log(item[0], item[1])}// 等同于for(let [key, value] of map) {
    console.log(key, value)}map.forEach((value, key, map)=> {
    console.log(key, value)})
자바스크립트에 지도 객체가 있나요?

[관련 권장 사항: javascript 비디오 튜토리얼, 웹 프런트 엔드

]🎜을 바인딩하는 두 번째 매개 변수

위 내용은 자바스크립트에 지도 객체가 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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