JavaScript引用類型---Map

yanwei 發(fā)布于2019-08-23 12:24 / 2184人閱讀

摘要：其他情況返回方法用于移除對(duì)象中指定的元素語(yǔ)法參數(shù)必須，從對(duì)象中移除的元素的鍵返回值如果對(duì)象中存在該元素，則移除它并返回否則如果該元素不存在則返回返回。

一、創(chuàng)建Map對(duì)象

Map 對(duì)象保存鍵值對(duì)。任何值(對(duì)象或者原始值) 都可以作為一個(gè)鍵或一個(gè)值

1.構(gòu)造函數(shù)

語(yǔ)法：new Map([iterable])
參數(shù)：

? ? ? ? iterable? 可以是一個(gè)數(shù)組或者其他 iterable 對(duì)象，其元素或?yàn)殒I值對(duì)，或?yàn)閮蓚€(gè)元素的數(shù)組；每個(gè)鍵值對(duì)都會(huì)添加到新的 Map，null 會(huì)被當(dāng)做 undefined

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

二、Map實(shí)例屬性 1.myMap.size 可訪問屬性返回 Map 對(duì)象的元素?cái)?shù)量

size 屬性的值是一個(gè)整數(shù)，表示 Map 對(duì)象有多少個(gè)鍵值對(duì)。size 是只讀屬性，它對(duì)應(yīng)的 set 方法是 undefined，即不能改變它的值

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

三、Map實(shí)例方法 1.set(）

語(yǔ)法：myMap.set(key, value)

參數(shù)：
? ? ? ? key 必填，添加到Map對(duì)象的元素的key值
? ? ? ? value 必填，添加到Map對(duì)象的元素的value值

    let myMap = new Map();
    myMap.set("bar", "foo");
    myMap.set(1, "foobar");
    // 在Map對(duì)象中更新一個(gè)新元素
    myMap.set("bar", "baz");

2.get(）

語(yǔ)法：myMap.get(key)

參數(shù)：
? ? ? ? key 想要獲取的元素的鍵

返回值：返回一個(gè)Map對(duì)象中與指定鍵相關(guān)聯(lián)的值，如果找不到這個(gè)鍵則返回undefined

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

3.has()

語(yǔ)法：myMap.has(key)

參數(shù)：
? ? ? ? ?key 必填，用來檢測(cè)是否存在指定元素的鍵值

返回值：如果指定元素存在于Map中，則返回true。其他情況返回false

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

4.delete() 方法用于移除 Map 對(duì)象中指定的元素

語(yǔ)法：myMap.delete(key)

參數(shù)：
? ? ? ? key 必須，從 Map 對(duì)象中移除的元素的鍵（key）

返回值：如果 Map 對(duì)象中存在該元素，則移除它并返回 true；否則如果該元素不存在則返回 false

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

5.clear()方法會(huì)移除Map對(duì)象中的所有元素

語(yǔ)法：myMap.clear()

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

6.entries()

語(yǔ)法：myMap.entries()

返回值：返回一個(gè)新的包含[key, value]對(duì)的Iterator對(duì)象，返回的迭代器的迭代順序與Map對(duì)象的插入順序相同

    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"]

7.keys() 返回一個(gè)新的 Iterator 對(duì)象。它包含按照順序插入Map對(duì)象中每個(gè)元素的key值

語(yǔ)法：myMap.keys()

    let myMap = new Map();
    myMap.set("0", "foo");
    myMap.set(1, "bar");
    myMap.set({}, "baz");

    let mapIter = myMap.keys();
    console.log(mapIter.next().value); // "0"
    console.log(mapIter.next().value); // 1
    console.log(mapIter.next().value); // Object

8.values() 方法返回一個(gè)新的Iterator對(duì)象。它包含按順序插入Map對(duì)象中每個(gè)元素的value值

語(yǔ)法：myMap.values()

    let myMap = new Map();
    myMap.set("0", "foo");
    myMap.set(1, "bar");
    myMap.set({}, "baz");

    let mapIter = myMap.values();
    console.log(mapIter.next().value); // "foo"
    console.log(mapIter.next().value); // "bar"
    console.log(mapIter.next().value); // "baz"

9.forEach()

語(yǔ)法：myMap.forEach(callback[, thisArg])

參數(shù)：
? ? ? ? callback 必要，每個(gè)元素所要執(zhí)行的函數(shù)
? ? ? ? thisArg 可選，callback 執(zhí)行時(shí)其 this 的值

    let myMap = new Map([["foo", 3], ["bar", {}], ["baz", undefined]]);
    myMap.forEach((value,key,map) => {
        console.log("key =",key,",value =",value); //key = foo ,value = 3
    });

? ? ? ?