JavaScript Map

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

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 变量可以保存多种数据类型:数值、字符串值、数组、对象var x;   // x是undefined var leng...

javascript字符串方法和属性

javascript字符串方法和属性1.获取字符串的长度var text=""abcndfsdfdsfsd"; console.log(text.length...

JavaScript 对象定义

在JavaScript 中,对象是王。如果你理解了对象,就理解了javascript。在Javascript 中,几乎所有事物都是对象。 布尔是对象(如果用new 关键词定义)数字是对象(如...

JavaScript 的核心是 ECMAScript

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

vue 与 react 的区别 详细例子

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

长轮询

长轮询

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

发表评论

访客

看不清,换一张

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