JavaScript Map

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

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 的最新特征包括以下几个方面:类的私有变量:通过使用 # 符号,可以在类中定义私有变量,只能在类的内部访问,外部无法访问。空位合并操作符:使用 ?? 符号,可以在两项中任一项为 n...

如何提高前端技术

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

vue 与 react 的区别 详细例子

以下是一个具体例子,展示了 Vue.js 和 React 在实现一个同样的功能时的一些区别:需求:实现一个用户列表,包括用户名和删除按钮,点击删除按钮可以删除相应的用户。Vue.js 实现:<t...

vue 的重要性

Vue是一套用于构建用户界面的渐进式框架,具有以下优点:易用:学习曲线平缓,api简洁,容易上手。灵活:可以嵌入到现成的服务端框架中,带来更加丰富的交互系统。高性能:基于虚拟DOM,低耦合,可重用,独...

长轮询

长轮询

长轮询是与服务器保持持久连接的最简单的方式,它不使用任何特定的协议,例如 WebSocket 或者 Server Sent Event。它很容易实现,在很多场景下也很好用。从服务器获取新信息的最简单的...

javascript 数据类型

在Javascript中有8种基本的数据类型(译注:7种原始类型和1种引用类型)。我们可以将任何类型的值存入变量。例如,一个变量可以在前一刻是字符串,下一刻就存储一个数字:let messa...

发表评论

访客

看不清,换一张

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