JavaScript引用类型---Map

yanwei 发布于2019-08-23 12:24 / 2081人阅读

摘要：其他情况返回方法用于移除对象中指定的元素语法参数必须，从对象中移除的元素的键返回值如果对象中存在该元素，则移除它并返回否则如果该元素不存在则返回返回。

一、创建Map对象

Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值

1.构造函数

语法：new Map([iterable])
参数：

iterable 可以是一个数组或者其他 iterable 对象，其元素或为键值对，或为两个元素的数组；每个键值对都会添加到新的 Map，null 会被当做 undefined

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

二、Map实例属性 1.myMap.size 可访问属性返回 Map 对象的元素数量

size 属性的值是一个整数，表示 Map 对象有多少个键值对。size 是只读属性，它对应的 set 方法是 undefined，即不能改变它的值

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

三、Map实例方法 1.set(）

语法：myMap.set(key, value)

参数：
key 必填，添加到Map对象的元素的key值
value 必填，添加到Map对象的元素的value值

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

2.get(）

语法：myMap.get(key)

参数：
key 想要获取的元素的键

返回值：返回一个Map对象中与指定键相关联的值，如果找不到这个键则返回undefined

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

3.has()

语法：myMap.has(key)

参数：
key 必填，用来检测是否存在指定元素的键值

返回值：如果指定元素存在于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 对象中指定的元素

语法：myMap.delete(key)

参数：
key 必须，从 Map 对象中移除的元素的键（key）

返回值：如果 Map 对象中存在该元素，则移除它并返回 true；否则如果该元素不存在则返回 false

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

5.clear()方法会移除Map对象中的所有元素

语法：myMap.clear()

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

6.entries()

语法：myMap.entries()

返回值：返回一个新的包含[key, value]对的Iterator对象，返回的迭代器的迭代顺序与Map对象的插入顺序相同

    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() 返回一个新的 Iterator 对象。它包含按照顺序插入Map对象中每个元素的key值

语法：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() 方法返回一个新的Iterator对象。它包含按顺序插入Map对象中每个元素的value值

语法：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()

语法：myMap.forEach(callback[, thisArg])

参数：
callback 必要，每个元素所要执行的函数
thisArg 可选，callback 执行时其 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
    });

云服务器 GPU云服务器 map数据类型 map类型java js map 添加数据类型 javascript实现map

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/98454.html

What's New in JavaScript

摘要：在和中都保留了数组的强引用，所以在中简单的清除变量内存并没有得到释放，因为还存在引用计数。而在中，它的键是弱引用，不计入引用计数中，所以当被清除之后，数组会因为引用计数为而被回收掉。其实我们主要注意的引用是不计引用计数的，就好理解了。 showImg(https://segmentfault.com/img/remote/1460000019147368?w=900&h=383); 前...

cgh1999520 2019-08-26 13:44 评论0 收藏0
尝试在JavaScript中构建一个"Maybe"检测器

摘要：我的目的是确保所有引用的使用都是绝对安全的，编译器会自动进行检查。它导致了数不清的错误漏洞和系统崩溃，可能在之后年中造成了十亿美元的损失。这个函数将使用一个表示我们希望进行转换的函数参数，并返回一个包含转换结果的新参数。翻译原文出处：Building a Maybe in JavaScript 鄙人翻译略差且略有出入，别见笑。很多时候我们会碰到：Uncaught TypeError...

bingo 2019-08-20 19:07 评论0 收藏0
基于JavaScript的一些函数式编程概念讲解

摘要：以此类推，不定参数的方程也就被称为可变参数函数。一般来说，函数式编程中的值都被认为是不可变值。实现了函数的对象，即可以与其他对象进行对比判断是否属于同一类型，被称为。半群一个拥有，即将另一个对象转化为相同类型的函数，函数的对象称为。原文地址译者的Github 系列文章地址本文原作者尚未全部完成，有兴趣的可以到原文或者译文地址关注更新 Functional Programming Ja...

scola666 2019-08-19 18:26 评论0 收藏0
React 的性能优化（一）当 PureComponent 遇上 ImmutableJS

摘要：四是在年出的持久性数据结构的库，持久性指的是数据一旦创建，就不能再被更改，任何修改或添加删除操作都会返回一个新的对象。避免大量使用操作，这样会浪费性能。尽量将设计成扁平状的。一、痛点在我们的印象中，React 好像就意味着组件化、高性能，我们永远只需要关心数据整体，两次数据之间的 UI 如何变化，则完全交给 React Virtual Dom 的 Diff 算法去做。以至于我们很...

plus2047 2019-08-21 16:50 评论0 收藏0
javascript深拷贝(deepClone)

摘要：实现实现一个深拷贝函数，就不得不说的数值类型。类型来看下面代码，结果会返回啥呢答案是有时候保存了元素，一不小心进行深拷贝，上面的深拷贝函数就缺少了对元素的判断。在不同的场景下，要根据业务场景，判断是否需要使用深拷贝。 javascript深拷贝是初学者甚至有经验的开发着，都会经常遇到问题，并不能很好的理解javascript的深拷贝。深拷贝(deepClone)？与深拷贝相对的就是...

hatlonely 2019-08-20 10:26 评论0 收藏0