JavaScript Map

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

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 数组排序

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

JavaScript 数组迭代

数组迭代方法对每个数组项进行操作Array.foreach()方法为每个数组元素调用一次函数(回调函数)var txt = ""; var ...

JavaScript 对象访问器

javascript 对象访问器计数器例子var obj = {      counter:0,  &nb...

JavaScript 可迭代对象

可迭代对象时可以使用for..of 进行迭代的对象从技术上讲,可迭代对象必须实现Symbol.iterator方法。遍历字符串你可以使用for..of循环来遍历字符串的元素:for(const&nbs...

JavaScript 的核心是 ECMAScript

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

JavaScript Set

JavaScript的Set(集合)是一组唯一值的集合。每个值只能在Set中出现一次。Set可以容纳任何数据类型的值。如何创建Set将数组传递给new Set()创建一个新的Set, 然后使用add(...

发表评论

访客

看不清,换一张

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