【ES6 Map数据结构】建议日常开发操作数组时使用 new Map

news/2024/7/7 20:06:10

Map数据结构

  • new Map使用
  • 属性及方法:
    • 1. size属性
    • 2. set(key,value)
    • 3. get(key)
    • 4. has(key)
    • 5. delete(key)
    • 6. clear()
    • 7. 遍历方法: keys()、values()、entries()、forEach()
      • (1). keys()
      • (2). values()
      • (3). entries()
      • (4). forEach()
    • 8. toString()
    • 9. valueOf

算法使用 Map 还算是不少的,日常开发也可使用 new Map 替代某些数组操作,活到老学到老

new Map使用

JavaScript的对象(Object),本质上是键值对的集合(Hash结构),但是传统上只能用字符串当作键。这给它的使用带来了很大的限制
为了解决这个问题,ES6提供了Map数据结构。它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键

const map = new Map();

如果 Map 的键是一个简单类型的值(数字、字符串、布尔值),则只要两个值严格相等,Map 将其视为一个键,包括0和-0。另外,虽然NaN不严格相等于自身,但Map将其视为同一个键

// new Map([key, value], [key, value]...);
const mapObj = new Map([[1,1],[2,2]]); //默认带初始化参数的定义

属性及方法:

1. size属性

console.log(mapObj.size); // size属性返回Map结构的成员总数: 2

2. set(key,value)

set 方法设置 key 所对应的键值,然后返回整个 Map 结构。如果 key 已经有值,则键值会被更新,否则就新生成该键

// 常用写法
let obj = new Map();
obj.set("age", 20);
obj.set(0, "attack_type");
obj.set(undefined, "definition");

3. get(key)

get 方法用于返回某个键对应的值。如果该键不存在,则返回 undefined

let obj = new Map();
obj.set("hello", 'Hello ES6!');
obj.get('hello'); // Hello ES6!
obj.get('word');
console.log(obj.get('word')); // undefined

4. has(key)

has 方法返回一个布尔值,表示该 Map 对象是否包含某个键

let obj = new Map();
obj.set("hello", 'Hello ES6!');
obj.has('hello'); // true
obj.has('word'); // false

5. delete(key)

delete 方法用于删除某个键,如果该键存在,则返回 true,否则返回 false

let obj = new Map();
obj.set("hello", 'Hello ES6!');
obj.delete('hello'); // true
obj.delete('word'); // false

6. clear()

clear 方法用于删除 Map 对象中的所有成员

let obj = new Map();
obj.set("hello", 'Hello ES6!');
obj.clear();

7. 遍历方法: keys()、values()、entries()、forEach()

(1). keys()

Map.prototype.keys(): 返回一个新的 Iterator 对象,包含 Map 中所有的键

const myMap = new Map();
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');

for (const key of myMap.keys()) {
  console.log(key);
}

(2). values()

Map.prototype.values(): 返回一个新的 Iterator 对象,包含 Map 中所有的值

const myMap = new Map();
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');

for (const value of myMap.values()) {
  console.log(value);
}

(3). entries()

Map.prototype.entries(): 返回一个新的 Iterator 对象,包含Map中所有的 [键,值] 数组

const myMap = new Map();
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');

for (const [key, value] of myMap.entries()) {
  console.log(key + ": " + value);
}

for (const item of myMap.entries()) {
  console.log(item);
}

(4). forEach()

Map.prototype.forEach(): 传入一个函数,该函数被调用,传入当前的键和值,以及 Map 对象本身

const myMap = new Map();
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');

myMap.forEach((value, key, map) => {
  console.log(key, value, map);
});

8. toString()

返回一个字符串,该字符串包含一个由所有键值对组成的字符串,每个键值对由一个逗号分隔的字符串组成

const myMap = new Map();
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');

Map.prototype.toString = function() {
  let result = '';
  for (const [key, value] of this.entries()) {
    result += `${key}: ${value}\n`;
  }
  return result;
};

console.log(myMap.toString());

9. valueOf

在调用 valueOf 方法时,Map 对象会返回自身的原始值

const myMap = new Map();
myMap.set("obj", { a: 1, b: 2 })
console.log(myMap.valueOf()); // 返回 Map 对象本身

http://lihuaxi.xjx100.cn/news/1966121.html

相关文章

深入探讨:开发连锁餐饮APP的关键技术要点

时下,开发一款功能强大、用户友好的连锁餐饮APP成为许多餐饮企业的当务之急。在本文中,我们将深入探讨开发连锁餐饮APP的关键技术要点,涵盖了前端、后端以及数据库等方面。 一、前端开发 前端是用户与APP交互的入口,因此设计良好…

Linux 多个php版本选择需要的php的版本(修改环境变量)

这两天遇到了个问题, 原本服务器的php版本是7.3.13,经过一些操作之后不知道怎么了变成了5.6 #php版本查看 php -v然后我就对 5.6版本进行了升级,升级到了7.3.33, 这个时候 php -v 是7.3.33, 神奇的一幕出现了&#xf…

大数据开发之Hive(压缩和存储)

第 9 章:压缩和存储 Hive不会强制要求将数据转换成特定的格式才能使用。利用Hadoop的InputFormat API可以从不同数据源读取数据,使用OutputFormat API可以将数据写成不同的格式输出。 对数据进行压缩虽然会增加额外的CPU开销,但是会节约客观…

从零学Java 线程的状态

Java 线程的状态 文章目录 Java 线程的状态线程的基础状态1 常见方法1.1 休眠1.2 放弃1.3 加入1.4 优先级1.5 线程打断1.6 守护线程1.7 线程的状态 - 等待 2 线程安全问题2.1 线程同步: 同步代码块2.2 线程同步: 同步方法2.3 同步规则2.4 线程的状态 - 阻塞2.5 特殊现象: 死锁 …

“与辉同行”首秀金额过亿,一个东方甄选拆出无数个董宇辉?

董宇辉又爆了! 小作文风波后,董宇辉不仅摇身一变成东方甄选新股东,还自立门户成立了新直播间“与辉同行”。 首秀当天在抖音平台正式开播,首秀就创下了惊人的成绩:直播间人气高达1.2亿,销售额超过1.1亿&a…

What is `@Controller` does?

Controller 是SpringMVC注解,标记一个类作为Web控制器(Controller),负责处理HTTP请求并返回响应结果 在SpringMVC中,控制器类的主要职责是: 1、接收来自客户端的HTTP请求 2、调用服务层或其他业务逻辑组件…

自动化测试理论(1)—概述需要掌握的内容

要在自动化测试领域取得成功,需要掌握一系列技能和概念。以下是一些关键的内容: 编程语言: 了解并精通至少一种编程语言,如Python,Java,JavaScript等。编写自动化测试脚本通常需要编程技能。 自动化测试框…

mysql-bin日志清理,并设置expire_logs_days时间,mysql占用空间过大问题

mysql-bin日志清理,并设置expire_logs_days时间,mysql占用空间过大问题 文章目录 问题查看mysql配置参数解决全局修改参数清理日志规则手动清理my.cnf 外传 问题 最近发现生产环境的服务器磁盘空间吃紧,查下到底是哪里占用的空间比较大&…