当前位置：首页 > news >正文

JS Map使用方法

news 来源：原创 2025/7/13 2:03:37

JS Map使用方法

Map 是 ES6 引入的一种新的数据结构，它类似于对象（Object），但提供了更强大的键值对存储功能。

文章目录

JS Map使用方法
- 基本特性
- 基本用法
- - 创建 Map
  - 常用方法
  - 遍历方法
- 与 Object 的区别
- 实际应用示例
- - 示例1：统计字符出现次数
  - 示例2：缓存计算结果
  - 示例3：对象作为键
- 注意事项

基本特性

任意类型的键：Map 的键可以是任意值（包括对象、函数等），而普通对象的键只能是字符串或 Symbol
有序性：Map 会记住键的原始插入顺序
大小可获取：可以直接通过 size 属性获取 Map 中的元素数量
性能优化：在频繁增删键值对的场景下，Map 的性能通常优于普通对象

基本用法

创建 Map

// 创建一个空 Map
const map = new Map();// 通过二维数组初始化 Map
const map2 = new Map([['key1', 'value1'],['key2', 'value2']
]);

常用方法

方法	描述	示例
`set(key, value)`	添加或更新键值对	`map.set('name', 'Alice')`
`get(key)`	获取键对应的值	`map.get('name')` // ‘Alice’
`has(key)`	检查是否存在某个键	`map.has('name')` // true
`delete(key)`	删除指定键值对	`map.delete('name')`
`clear()`	清空所有键值对	`map.clear()`
`size`	获取键值对数量	`map.size`

遍历方法

const map = new Map([['name', 'Alice'],['age', 25],['job', 'Developer']
]);// 1. for...of 遍历
for (const [key, value] of map) {console.log(key, value);
}// 2. forEach 方法
map.forEach((value, key) => {console.log(key, value);
});// 3. 获取键、值或键值对的迭代器
console.log([...map.keys()]);    // ['name', 'age', 'job']
console.log([...map.values()]);  // ['Alice', 25, 'Developer']
console.log([...map.entries()]); // 同直接遍历 map

与 Object 的区别

特性	Map	Object
键的类型	任意值	只能是字符串或 Symbol
键的顺序	有序（插入顺序）	无序（ES6后也有序但不保证）
大小	`size` 属性	需要手动计算
性能	频繁增删时表现更好	频繁增删时性能较差
默认键	无	有原型链上的键
序列化	不能直接 JSON.stringify	可以直接序列化

实际应用示例

示例1：统计字符出现次数

function countChars(str) {const map = new Map();for (const char of str) {map.set(char, (map.get(char) || 0) + 1);}return map;
}const result = countChars('hello');
console.log(result.get('l')); // 2

示例2：缓存计算结果

const cache = new Map();function factorial(n) {if (cache.has(n)) return cache.get(n);if (n === 0) return 1;const result = n * factorial(n - 1);cache.set(n, result);return result;
}console.log(factorial(5)); // 120
console.log(cache); // Map { 1 => 1, 2 => 2, 3 => 6, 4 => 24, 5 => 120 }

示例3：对象作为键

const user1 = { id: 1, name: 'Alice' };
const user2 = { id: 2, name: 'Bob' };const userSettings = new Map();
userSettings.set(user1, { theme: 'dark' });
userSettings.set(user2, { theme: 'light' });console.log(userSettings.get(user1)); // { theme: 'dark' }

注意事项

键的比较：Map 使用 “SameValueZero” 算法比较键（类似于 ===，但 NaN 等于 NaN）
内存管理：如果使用对象作为键，即使对象被设为 null，Map 仍然会保留对它的引用
序列化：Map 不能直接使用 JSON.stringify()，需要先转换为数组
NaN 等于 NaN）
内存管理：如果使用对象作为键，即使对象被设为 null，Map 仍然会保留对它的引用
序列化：Map 不能直接使用 JSON.stringify()，需要先转换为数组
WeakMap：如果需要弱引用，可以使用 WeakMap，它只接受对象作为键且不可遍历

JS Map使用方法

JS Map使用方法 Map 是 ES6 引入的一种新的数据结构，它类似于对象（Object），但提供了更强大的键值对存储功能。文章目录 JS Map使用方法基本特性基本用法创建 Map常用方法遍历方法与 Object 的区别实际应用示例示例1&#xff1a…...

编程日记 2025/7/13 2:03:37

大模型分布式光伏功率预测实现详解

一、引言随着全球能源结构向可再生能源转型，光伏发电作为清洁能源的重要组成部分，其装机容量持续快速增长。然而，光伏发电具有显著的间歇性和波动性特点，给电力系统的稳定运行带来了巨大挑战。准确的光伏功率预测对于电网调度、电力市场交易和电站运营管理至关重要。近年…...

编程日记 2025/7/13 1:53:59

武汉大学无人机视角下的多目标指代理解新基准！RefDrone：无人机场景指代表达理解数据集

作者：Zhichao Sun, Yepeng Liu, Huachao Zhu, Yuliang Gu, Yuda Zou, Zelong Liu, Gui-Song Xia, Bo Du, Yongchao Xu 单位：武汉大学计算机学院论文标题：RefDrone: A Challenging Benchmark for Drone Scene Referring Expression Compreh…...

编程日记 2025/6/28 23:26:05

【LLM模型】如何构建自己的MCP Server？

什么是 MCP？ Model Context Protocol (MCP) 是一种协议，它允许大型语言模型（LLMs）访问自定义的工具和服务。Trae 中的智能体作为 MCP 客户端可以选择向 MCP Server 发起请求，以使用它们提供的工具。你可以自行添加 MC…...

编程日记 2025/7/13 1:54:42

SQL 索引优化指南：原理、知识点与实践案例

SQL 索引优化指南：原理、知识点与实践案例索引的基本原理索引是数据库中用于加速数据检索的数据结构，类似于书籍的目录。它通过创建额外的数据结构来存储部分数据，使得查询可以快速定位到所需数据而不必扫描整个表。索引的工作原理 B-…...

编程日记 2025/7/13 1:53:59

java基础-方法的重写、super关键字

1.定义：子类可以根据需要改写从父类那继承来的方法，执行时，子类的方法会覆盖父类的方法 2.要求： （1）子类和父类的方法必须同名，同参数列表 （2）父类中private修饰的方法…...

编程日记 2025/7/13 1:48:51

技术并不能产生一个好的产品

技术是产生一个好的产品充分条件，不是必要条件。当笔者到了40岁的年龄时间，发现再怎么努力提升技术，也没办法挽救烂的产品设计。一个好的产品，首先要找准自己的定位，不能动不动就把自己拿一线品牌来比较。好的产品…...

编程日记 2025/6/29 1:04:21

lubuntu 系统详解

Lubuntu 系统详解：轻量高效的 Ubuntu 衍生版一、系统概述定位与背景： Lubuntu 是 Ubuntu 的官方衍生版本（Flavor），专注于轻量性与高效性，旨在为低配置设备（如老旧电脑、上网本、低配笔记本 …...

编程日记 2025/7/13 1:56:26

《设备管理与维修》审核严吗？“修改后再投”是拒稿了吗？

有过论文投稿经验的朋友，可能在审核后收到过“修改后再投”的回复。有些期刊可能是真的建议投稿人在修改后再投稿，有些则可能是标准的拒稿模板。《设备管理与维修》审核严吗？收到“修改后再投”的回复该怎么办？下面我就来分享下之…...

编程日记 2025/6/28 23:13:00

2025年5月-信息系统项目管理师高级-软考高项一般计算题

决策树和期望货币值加权算法自制和外购分析沟通渠道三点估算PERT 当其他条件一样时，npv越大越好...

编程日记 2025/6/29 1:15:04

界面组件DevExpress WPF中文教程：Grid - 如何自定义Band Header外观？

DevExpress WPF拥有120个控件和库，将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过DevExpress WPF能创建有着强大互动功能的XAML基础应用程序，这些应用程序专注于当代客户的需求和构建未来新一代支持触摸的解决方案。无论是Office办公软件…...

编程日记 2025/6/28 23:19:07

Supabase 的入门详细介绍

Supabase 是什么？ 简单来说，Supabase 是一个开源的 Firebase 替代品。它提供了一整套后端即服务 (BaaS - Backend as a Service) 的工具，让你能够快速构建应用程序的后端，而无需自己从头搭建和管理服务器、数据库等基础设施。 S…...

编程日记 2025/6/29 0:59:07

【实战】基于 ABP vNext 构建高可用 S7 协议采集平台（西门子 PLC 通信全流程）

🚀🔧【实战】基于 ABP vNext 构建高可用 S7 协议采集平台（西门子 PLC 通信全流程）📊 📑 目录 🚀🔧【实战】基于 ABP vNext 构建高可用 S7 协议采集平台（西门子 PLC 通信全…...

编程日记 2025/7/13 1:59:27

20、map和set、unordered_map、un_ordered_set的复现

一、map 1、了解 map的使用和常考面试题等等，看这篇文章 map的key是有序的 ，值不可重复。插入使用 insert的效率更高，而在"更新map的键值对时，使用 [ ]运算符效率更高。" 注意 map 的lower和upper那2个函数&#x…...

编程日记 2025/6/29 0:58:26

leetcode 189. 轮转数组

题目描述代码： class Solution { public:void rotate(vector<int>& nums, int k) {int len nums.size();k k % len;reverse(nums,0,len-1);reverse(nums,0,k-1);reverse(nums,k,len-1);}void reverse(vector<int>& nums,int left,int right…...

编程日记 2025/7/13 1:57:46

得物0509面试手撕题目解答

题目使用两个栈（一个无序栈和一个空栈）将无序栈中的元素转移到空栈，使其有序，不允许使用其他数据结构。示例：输入：[3, 1, 6, 4, 2, 5]，输出：[6, 5, 4, 3, 2, 1] 思路与代码如…...

编程日记 2025/7/13 1:50:43

8天Python从入门到精通【itheima】-6~10

目录 7节-开发出第一个Python程序： 1.在cmd窗口写下第一个最简单的程序：Hello World!!! 9节： 1.如何卸载python： 2.报错：不是可运行的程序编辑 3.报错：无法初始化设备PRN： 4.报错&…...

编程日记 2025/7/13 1:59:27

Qt —— 使用Enigma Virtual Box将Qt程序打包为独立可运行exe（附：完整打包方法且完美运行）

🔔 Qt 相关技术、疑难杂症文章合集（掌握后可自封大侠 ⓿_⓿）（记得收藏，持续更新中…）打包结果 1、如下图，准备好Qt已打包后程序文件夹。附 Qt —— 在Windows下打包Qt应用程序（在其他Windows电脑下使用）...

编程日记 2025/7/13 1:55:25

大语言模型RLHF训练框架全景解析：OpenRLHF、verl、LLaMA-Factory与SWIFT深度对比

引言随着大语言模型（LLM）参数规模突破千亿级，基于人类反馈的强化学习（RLHF）成为提升模型对齐能力的关键技术。OpenRLHF、verl、LLaMA-Factory和SWIFT作为开源社区的四大标杆框架，分别通过分布式架构、混合…...

编程日记 2025/7/13 1:51:40

VTK|类似CloudCompare的比例尺实现1-源码分析

文章目录 CloudCompare源码分析void ccGLWindowInterface::drawScale(const ccColor::Rgbub& color)🧩 总体功能🧠 函数逐步解析✅ 1. 断言只在正交模式下使用✅ 2. 计算显示的实际长度✅ 3. 字体和图形区域准备✅ 4. 计算比例尺图形的绘制位置✅ 5.…...

编程日记 2025/6/29 0:50:50

【计算机视觉】OpenCV实战项目：基于Tesseract与OpenCV的字符识别系统深度解析

基于Tesseract与OpenCV的字符识别系统深度解析 1. 项目概述2. 技术原理与算法设计2.1 图像预处理流水线1) 形态学操作2) 自适应阈值 2.2 Tesseract OCR引擎 3. 实战部署指南3.1 环境配置3.2 项目结构优化建议3.3 增强版代码实现 4. 常见问题与解决方案4.1 Tesseract路径错误4.2…...

编程日记 2025/7/13 1:52:24

CVE-2025-31258 macOS远程视图服务沙箱逃逸漏洞PoC已公开

苹果公司近日针对macOS系统中新披露的CVE-2025-31258漏洞发布补丁，该漏洞可能允许恶意应用程序突破沙箱限制，获取未授权的系统资源访问权限。在安全研究员Seo Hyun-gyu公开概念验证（PoC）利用代码后，该漏洞已在macOS Se…...

编程日记 2025/7/13 2:01:09

使用CAS操作实现乐观锁的完整指南

乐观锁是一种高效的并发控制机制，而CAS(Compare-And-Swap)是实现乐观锁的核心技术。下面我将详细介绍如何通过CAS操作实现乐观锁。一、CAS操作原理 CAS(Compare-And-Swap)是一种原子操作，包含三个操作数： 内存位置(V)预期原值(A)新值(B) …...

编程日记 2025/6/29 1:16:12

java之网络编程

文章目录网络编程概述什么是网络编程基本的通信架构CS架构BS架构 Java提供了哪些网络编程解决方案？ 网络编程三要素IPIP地址IP域名（Domain Name）DNS域名解析（Domain Name System）公网IP、内网IP本机IPInetAddress类In…...

编程日记 2025/6/28 23:05:01

苍穹外卖--新增菜品

1.需求分析和设计产品原型业务规则： 菜品名称必须是唯一的菜品必须属于某个分类下，不能单独存在新增菜品时可以根据情况选择菜品的口味每个菜品必须对应一张图片接口设计： 根据类型查询分类(已完成) 文件上传新增菜品根据类型…...

编程日记 2025/6/28 23:05:04

Spark处理过程-转换算子

（一）RDD的处理过程 Spark使用Scala语言实现了RDD的API,程序开发者可以通过调用API对RDD进行操作处理。RDD的处理过程如图所示； RDD经过一系列的“转换”操作，每一次转换都会产生不同的RDD，以供给下一次“转换”操作使…...

编程日记 2025/7/13 1:48:03

运行Spark程序-在Spark-shell——RDD

一、基本概念 RDD（弹性分布式数据集）是 Apache Spark 的核心抽象，是 Spark 提供的最基本的数据处理单元。理解 RDD 的概念对于掌握 Spark 编程至关重要。以下是 RDD 的核心概念和特性： 1. 什么是 RDD？ 定义&#xf…...

编程日记 2025/7/13 1:48:03

Qt应用程序启动时的一些思路：从单实例到性能优化的处理方案

程序启动时优化的价值在桌面软件开发领域，应用程序的启动过程就像音乐的序曲，决定了用户对软件品质的第一印象。比如首次启动等待超过3秒时，会让大多数用户产生负面看法，而专业工具软件的容忍阈值甚至更低。Qt框架作为跨平台开发…...

编程日记 2025/6/29 0:39:43

vue3父子组件传值

父 → 子：props 父组件 <template><ChildComponent :message"parentMessage" :user"user" /> </template><script setup> import ChildComponent from ./ChildComponent.vue; const parentMessage Hello from paren…...

编程日记 2025/6/28 23:17:03

中国品牌日 | 以科技创新为引领，激光院“风采”品牌建设结硕果

品牌，作为企业不可或缺的隐形财富，在当今竞争激烈的市场环境中，其构建与强化已成为推动企业持续繁荣的关键基石。为了更好地保护自主研发产品，激光院激光公司于2020年3月7日正式注册“风采”商标，创建拥有自主知识产权…...

编程日记 2025/6/28 23:19:47

合合信息上线智能文档处理领域首批MCP服务，助力企业快速搭建Agent

随着大模型及Agent技术的飞速发展，通过大模型调用外部工具正在成为AI应用开发的新范式。然而，由于不同大模型的调用结构和参数格式各异，开发者需要分别编写工具调用逻辑，AI工具集成效率低下，MCP（Model Cont…...

编程日记 2025/6/29 1:06:21

佰力博科技与您探讨表面电阻的测试方法及应用领域

表面电阻测试是一种用于测量材料表面电阻值的技术，广泛应用于评估材料的导电性能、静电防护性能以及绝缘性能。 1、表面电阻的测试测试方法： 表面电阻测试通常采用平行电极法、同心圆电极法和四探针法等方法进行。其中，平行电极法通过在试样…...

编程日记 2025/6/29 0:39:31

【DeepSeek】判断两个 PCIe 设备是否属于**同一个 PCIe 子树

在 Linux 系统中，判断两个 PCIe 设备是否属于**同一个 PCIe 子树（Subtree）**是 P2P 通信的关键前提。以下是具体方法和步骤： 一、基本原理两个 PCIe 设备属于同一子树的条件： 共享同一 Root Port：它们的…...

编程日记 2025/6/28 23:42:04

一份完整的高级前端性能优化手册

以下是一份完整的高级前端性能优化手册，涵盖核心原理、关键指标、优化策略及工具链，适合中大型项目深度优化：高级前端性能优化手册 🚀 以用户体验为核心的极致性能实践一、性能指标体系与度量 1. 核心性能指标 (Core Web Vitals) LCP (Largest Contentful Paint)：最大…...

编程日记 2025/6/29 0:06:45

Leetcode 3543. Maximum Weighted K-Edge Path

Leetcode 3543. Maximum Weighted K-Edge Path 1. 解题思路2. 代码实现题目链接：3543. Maximum Weighted K-Edge Path 1. 解题思路这一题思路上就是一个遍历的思路，我们只需要考察每一个节点作为起点时，所有长为 k k k的线段的长度&…...

编程日记 2025/6/28 23:04:53

agentmain对业务的影响

前面一篇已经说了java agent技术主要有premain和agentmain两种形式，如果大部分业务已经在线上运行的话，不方便用premain的方式来实现，所以agentmain的方式是更加通用、灵活的由于RASP是与用户业务运行在同一个jvm中的 ，所以RASP…...

编程日记 2025/6/28 23:05:02

【前端】【JavaScript】【总复习】四万字详解JavaScript知识体系

JavaScript 前端知识体系 📌 说明：本大纲从基础到高级、从语法到应用、从面试到实战，分层级讲解 JavaScript 的核心内容。一、JavaScript 基础语法 1.1 基本概念 1.1.1 JavaScript 的发展史与用途 1. 发展简史 1995 年：JavaS…...

编程日记 2025/6/29 1:02:19

开源模型应用落地-qwen模型小试-Qwen3-8B-融合VLLM、MCP与Agent（七）

一、前言随着Qwen3的开源与技术升级，其在企业中的落地场景正加速拓展至多个垂直领域。依托Agent智能体能力和MCP协议的工具调用接口，Qwen3可深度融入企业业务流程，为企业提供从需求解析到自动化开发的全链路支持。本篇将介绍如何实现Qwen3-8B模型集成MCP实现智能体交互。…...

编程日记 2025/6/29 0:22:22

【Linux学习笔记】理解一切皆文件实现原理和文件缓冲区

【Linux学习笔记】理解一切皆文件实现原理和文件缓冲区 🔥个人主页：大白的编程日记 🔥专栏：Linux学习笔记前言哈喽，各位小伙伴大家好!上期我们讲了重定向今天我们讲的是理解一切皆文件实现原理和文件缓冲区。话不…...

编程日记 2025/6/29 0:22:45

MCP-RAG 服务器：完整设置和使用指南

在快速发展的人工智能应用时代，结合静态领域知识和实时网络信息的系统需求比以往任何时候都更加迫切。传统的检索增强生成（RAG）模型通常依赖于预先索引的数据，这限制了它们对新发展的反应能力。MCP-RAG Server通过将基于语义的向量…...

编程日记 2025/6/28 23:04:57

裸金属服务器 VS 传统物理机

一：首先，我们先介绍一下，什么是裸金属服务器？ 1.虚拟机的外表-平台可视化可以通过后台管理界面查看当前所使用的全部信息包括：当前系统版本、CPU、内存、硬盘等相关信息。 2.虚拟机的外表-操作自动化同样也可以在…...

编程日记 2025/6/28 23:04:58

React百日学习计划-Grok3

关键点研究表明，100天内学习React是可行的，尤其是你已有HTML、JS和CSS基础。该计划包括基础知识、hooks、状态管理、路由、样式化及综合项目，适合初学者。建议每天花2-3小时学习，结合免费教程和社区支持。开始学习学习React…...

编程日记 2025/6/28 23:04:55

Android NDK 高版本交叉编译：为何无需配置 FLAGS 和 INCLUDES

引言：NDK 交叉编译的演进 Android NDK（Native Development Kit）是开发高性能C/C代码的核心工具链，而交叉编译（在x86主机上生成ARM架构代码）一直是NDK的核心功能。过去，开发者需要手动配置大量编…...

编程日记 2025/6/29 0:23:48

Java详解LeetCode 热题 100(15):LeetCode 189. 轮转数组（Rotate Array）详解

文章目录 1. 题目描述2. 理解题目3. 解法一：使用额外数组3.1 思路3.2 Java代码实现3.3 代码详解3.4 复杂度分析3.5 适用场景 4. 解法二：环状替换法（原地算法）4.1 思路4.2 Java代码实现4.3 代码详解4.4 复杂度分析4.5 陷阱与注意事…...

编程日记 2025/6/28 23:13:49

出于PCB设计层面考虑，连排半孔需要注意哪些事项？

通过拼接作为后处理运行，用拼接联排半孔填充铜的自由区域。为了使通缝成为可能，必须在不同的层上有重叠的铜区域连接到指定的网上。铜的支持区域包括填充、多边形和动力平面。高电流对电路板的潜在负面影响的另一个例子是电路板结构的物理失效。制造原始…...

编程日记 2025/6/29 1:11:54

JIT+Opcache如何配置才能达到性能最优

首先打开php.ini文件，进行配置 1、OPcache配置 ; 启用OPcache opcache.enable1; CLI环境下启用OPcache（按需配置） opcache.enable_cli0; 预加载脚本（PHP 7.4，加速常用类） ; opcache.preload/path/to/prel…...

编程日记 2025/6/29 0:33:00