JavaScript에서 지도 객체 구문 분석(예제 포함)

이 기사의 내용은 JavaScript의 Map 객체 분석에 관한 것입니다(예제 포함). 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

1. Map 객체를 생성합니다.

Map 객체는 키-값 쌍을 저장합니다. 모든 값(객체 또는 기본)을 키 또는 값으로 사용할 수 있습니다

1 생성자

구문: new Map([ iterable ])
Parameters:

iterable은 배열 또는 기타 반복 가능한 객체일 수 있으며, 그 요소는 키-값 쌍이거나 각 키-값 쌍이 추가되는 두 요소의 배열입니다. 새로운 Map, null은 정의되지 않은 것으로 처리됩니다

let arr = [1,2,3];
let myMap = new Map(arr.entries());
console.log(myMap.get(0)); // 1

2. 지도 인스턴스 속성

myMap.size 접근 가능한 속성은 지도 객체 번호를 반환합니다. of elements

size 속성의 값은 정수로, Map 객체에 키-값 쌍이 몇 개 있는지 나타냅니다. size는 읽기 전용 속성이고 해당 설정 방법은 정의되지 않았습니다. 즉, 해당 값은 변경할 수 없습니다.

1.set()

Syntax: myMap. set(key, value)

Parameters: 키가 필요합니다. add 맵 객체에 추가된 요소의 키 값입니다. 값이 필요하며 추가된 요소의 값입니다. 지도 개체에

let myMap = new Map();
myMap.set("a", "alpha");
myMap.set("b", "beta");
myMap.set("g", "gamma");
console.log(myMap.size); // 3

2.get()

#🎜🎜 #
Syntax: myMap.get(key)

매개변수:

key 가져오려는 요소의 키 Return 값: Map 객체를 반환합니다. 지정된 키와 관련된 값이 없으면 정의되지 않은 값이 반환됩니다. myMap.has(key)

매개변수:

key 필수, 지정된 요소의 키 값이 존재하는지 감지하는 데 사용됩니다.

반환 값: 지정된 요소가 있는 경우 Map에 존재하면 true를 반환합니다. 다른 경우에는 false 반환

let myMap = new Map();
myMap.set("bar", "foo");
 myMap.set(1, "foobar");
// 在Map对象中更新一个新元素
myMap.set("bar", "baz");

4.delete() 메서드는 지도 객체에서 지정된 요소를 제거하는 데 사용됩니다

구문: myMap .delete(key)

매개변수:

key는 Map 객체에서 제거할 요소의 키여야 합니다.

반환 값: 요소가 다음 위치에 있는 경우 Map 객체 요소를 제거하고 true를 반환합니다. 그렇지 않으면 해당 요소가 존재하지 않으면 false를 반환합니다. #

Syntax: myMap.clear()

let myMap = new Map();
myMap.set("bar", "foo");
console.log(myMap.get("bar"));  // "foo"
console.log(myMap.get("baz"));  // undefined

#🎜🎜 #6.entries()

Syntax: myMap.entries()

Return 값: [key, value] 쌍을 포함하는 새 Iterator 객체를 반환합니다. 반환된 반복자의 반복 순서는 Map 객체의 삽입 순서와 동일합니다

let myMap = new Map();
myMap.set("bar", "foo");
console.log(myMap.has("bar"));  // returns true
console.log(myMap.has("baz"));  // returns false

#🎜 🎜#
7.keys()는 새로운 Iterator 객체를 반환합니다. 여기에는 Map 객체에 삽입된 각 요소의 키 값이

순서로 포함됩니다. 구문: myMap.keys()

let myMap = new Map();
myMap.set("bar", "foo");
myMap.delete("bar"); // 返回 true。成功地移除元素
console.log(myMap.size); // 0

8.values ( ) 메소드는 새로운 Iterator 객체를 반환합니다. 여기에는 Map 객체에 삽입된 각 요소의 값이

순서로 포함됩니다. 구문: myMap.values()

let myMap = new Map();
myMap.set("bar","baz");
myMap.set(1,"foo");
console.log(myMap.size); // 2
myMap.clear();

9.forEach( )

Syntax: myMap.forEach(callback[, thisArg])

Parameters:

callback 필요, 각 요소에 필요 실행된 함수 thisArg는 선택 사항이며 콜백이 실행될 때 this의 값은

let myMap = new Map();
myMap.set("0", "foo");
myMap.set(1, "bar");
myMap.set({}, "baz");
let mapIter = myMap.entries();
console.log(mapIter.next().value); // ["0", "foo"]
console.log(mapIter.next().value); // [1, "bar"]
console.log(mapIter.next().value); // [Object, "baz"]

위 내용은 JavaScript에서 지도 객체 구문 분석(예제 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!