JavaScript Map

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

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字符串方法和属性1.获取字符串的长度var text=""abcndfsdfdsfsd"; console.log(text.length...

JavaScript 数组排序

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

JavaScript 对象原型

前面有一章提到无法为已有的对象构造器添加新属性Person.nationality = "English";  //得到的是undefine...

electorn是什么

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

JavaScript 的核心是 ECMAScript

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

关于Javascript

JavaScript是一种广泛使用的编程语言,用于在网页上添加交互性和动态性。它是一种高级,动态类型的脚本语言,常常与HTML和CSS一起使用,以创建丰富的用户体验。JavaScript具有以下优美的...

发表评论

访客

看不清,换一张

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