JavaScript Map

admin2年前 (2023-07-15)it知识586

Map 保存键值对,其中键可以是任何数据类型。

Map会记住键的原始插入顺序。

Map提供表示映射大小的属性。

如何创建Map 

可以通过以下方式创建Javascript 映射:

将数组传递给new Map()

创建映射并使用Map.set()

const fruits = new Map([
["apples",500],
["banana",300],
["oranges", 200]
]);

//使用set()方法将元素添加到Map中:
const fruits = new Map();
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200); //set()方法还可以用于更改现有的Map值

fruits.get("oranges");  // get() 方法获取Map中的键值

fruits.size; //size 属性返回Map中元素的数量

fruits.delete("oranges"); //删除Map元素

fruits.clear(); // 删除所有的元素

fruits.has("oranges"); //判断Map中存在健,则返回true;

typeof 返回  object;

typeof fruits;

instanceof Map 返回 true;

fruits instanceof Map;

Map.foreach()

foreach()方法为Map中的每个键/值对调用回调

let text = "";
fruits.foreach(function(value, key){
    text += key +' = ' + value;
})

entries()方法返回一个带有Map中【key, values】的迭代器对象

let text = "";
for (const x of fruits.entries()) {
     text += x;
}

keys()方法返回一个迭代器对象,其中包含Map中的键

let text = "";
for (const x of fruits.keys()) {
  text += x+ "<br>";
}

values()方法返回一个迭代器对象,其中包含Map中的键

let text = "";
for (const x of fruits.values()) {
  text += x+ "<br>";
}

values()方法返回一个迭代器对象,其中包含Map中的键

let text = 0;
for (const x of fruits.values()) {
  text += x;
}


标签: JavaScript

相关文章

JavaScript 数组方法

数组转换成字符串Javascript 方法 toString() 把数组转换为数组值(逗号分隔)的字符串。var fruits = ["banana"...

JavaScript 数组排序

sort() 方法以字母顺序进行排序var  fruits = ["banana", "orange",&qu...

electorn是什么

关于electron有以下信息:Electron 是一款可以使用 JavaScript、HTML 和 CSS 来构建跨平台桌面应用程序的开源框架,它可以让开发者使用 web 技术来创建原生应用程序。E...

JavaScript 的核心是 ECMAScript

JavaScript 的核心是 ECMAScript,具体来说,它包括以下几个方面:语法:JavaScript 的语法包括语句结构、变量定义、函数定义、条件语句、循环语句等。ECMAScript 标准...

如何提高前端技术

以下是一些可以提高前端技术的建议:不断学习:前端技术不断发展,需要不断学习新的技术和框架,以保持自己的竞争力。可以通过阅读相关书籍、博客、视频教程等途径进行学习。实践项目:通过实践项目,可以更深入地理...

JavaScript可以应用在哪些领域?

JavaScript的应用领域非常广泛,包括但不限于以下领域:网站开发:这是JavaScript最常用的领域之一,可以用于实现前端逻辑、动态特效、表单验证、导航栏、交互性等功能。移动开发:通过结合HT...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。