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

【ES6复习笔记】Map（14）

news 2026/4/7 4:06:35

概念

Map 是 JavaScript 中的一种数据结构，它允许你存储键值对，并且可以通过键来访问对应的值。在本教程中，我们将学习如何声明、添加、删除、获取和遍历 Map 集合。

ES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合。但是 “键” 的范围不限于字符串，各种类型的值（包括对象）都可以当作键。Map 也实现了 iterator 接口，所以可以使用『扩展运算符』和「for…of…』进行遍历。Map 的属性和方法。

声明 Map

首先，我们需要声明一个 Map 对象。在 JavaScript 中，你可以使用 new Map() 来创建一个新的 Map 实例。

let m = new Map();

Map的属性和方法：

  1. size：返回Map的元素个数。
  2. set(key, value)：增加一个新元素，返回当前Map。
  3. get(key)：返回键名对象的键值。
  4. has(key)：检测Map中是否包含某个元素，返回boolean值。
  5. clear()：清空集合，返回undefined。

添加元素

你可以使用 set 方法向 Map 中添加元素。set 方法接受两个参数：键和值。

m.set('name', '星达网络');
m.set('change', function() {console.log("我们可以改变你!!");
});
let key = {school: 'xkadmin'
};
m.set(key, ['北京', '上海', '深圳']);

获取元素数量

你可以使用 size 属性来获取 Map 中元素的数量。

console.log(m.size);

删除元素

你可以使用 delete 方法从 Map 中删除指定的键值对。

m.delete('name');

获取元素

你可以使用 get 方法获取 Map 中指定键的值。

console.log(m.get('change'));
console.log(m.get(key));

清空 Map

你可以使用 clear 方法清空 Map 中的所有元素。

m.clear();

遍历 Map

你可以使用 for...of 循环来遍历 Map 中的所有键值对。

for(let v of m) {console.log(v);
}

完整代码示例

下面是一个完整的代码示例，展示了如何使用 Map 集合。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Map</title>
</head>
<body><script>//声明 Maplet m = new Map();//添加元素m.set('name', '星达网络');m.set('change', function() {console.log("我们可以改变你!!");});let key = {school: 'xkadmin'};m.set(key, ['北京', '上海', '深圳']);//sizeconsole.log(m.size);//删除m.delete('name');//获取console.log(m.get('change'));console.log(m.get(key));//清空// m.clear();//遍历for(let v of m) {console.log(v);}// console.log(m);</script>
</body>
</html>

相关文章：

【ES6复习笔记】Map（14）

概念 Map 是 JavaScript 中的一种数据结构&#xff0c;它允许你存储键值对&#xff0c;并且可以通过键来访问对应的值。在本教程中&#xff0c;我们将学习如何声明、添加、删除、获取和遍历 Map 集合。 ES6 提供了 Map 数据结构。它类似于对象&#xff0c;也是键值对的集合。…...

编程日记 2024/12/26 17:03:09

15-makefile

一、Makefile的概述 1.认识make make 是一个命令&#xff0c;是个可执行程序&#xff0c;用来解析 Makefile 文件的命令&#xff1b;linux 环境下&#xff0c;这个命令存放在 /usr/bin/ 目录下&#xff1b;当用户输入 make 指令时&#xff0c;系统会自动寻找 makefile、Makef…...

编程日记 2024/12/26 17:02:07

yii2 手动添加 phpoffice\phpexcel

1.下载地址&#xff1a;https://github.com/PHPOffice/PHPExcel 2.解压并修改文件名为phpexcel 在yii项目的vendor目录下创建一个文件夹命名为phpoffice 把phpexcel目录放到phpoffic文件夹下 查看vendor\phpoffice\phpexcel目录下会看到这些文件 3.到vendor\composer目录下…...

编程日记 2024/12/26 17:01:06

使用 AI 辅助开发一个开源 IP 信息查询工具：一

本文将分享如何借助当下流行的 AI 工具,一步步完成一个开源项目的开发。 写在前面 在写代码时&#xff0c;总是会遇到一些有趣的机缘巧合。前几天&#xff0c;我在翻看自己之前的开源项目时&#xff0c;又看到了 DDNS 相关的讨论。虽然在 2021 年我写过两篇相对详细的教程&am…...

编程日记 2024/12/26 17:00:05

HNUST-数据分析技术课堂实验

1.要求 1&#xff0c;从下列第一、二、三组实验中各至少选取一个算法进行实验&#xff0c;选修组实验不作强制要求&#xff1b;2&#xff0c;实验过程不限&#xff0c;目标在于锻炼算法实现过程&#xff0c;即可采用C、C、Java、Python&#xff08;建议&#xff09;等任意语言编…...

编程日记 2024/12/26 16:59:03

P3456 [POI2007] GRZ-Ridges and Valleys BFS-连通块思想

题目描述 Byteasar loves trekking in the hills. During the hikes he explores all the ridges and valleys in vicinity. Therefore, in order to plan the journey and know how long it will last, he must know the number of ridgesand valleys in the area he is goi…...

编程日记 2024/12/26 16:57:01

WhisperKit: Android 端测试 Whisper -- Android手机(Qualcomm GPU)部署音频大模型

WhisperKit: Android 端测试 Whisper 1.环境需要2.环境构建&#xff08;1&#xff09;克隆项目&#xff1a;&#xff08;2&#xff09;工具检查(make setup)&#xff1a;&#xff08;3&#xff09;下载模型(make download-models)&#xff08;4&#xff09;Docker中构建环境(ma…...

编程日记 2024/12/26 16:54:59

Clickhouse（Centos）

地址信息 官网地址&#xff1a;Fast Open-Source OLAP DBMS - ClickHouse 下载地址&#xff1a;packages.clickhouse.com/rpm/stable/ 1.clickhouse-client-23.1.3.5.x86_64.rpm 2.clickhouse-common-static-23.1.3.5.x86_64.rpm 3.clickhouse-common-static-dbg-23.1.3.5.x86_…...

编程日记 2024/12/26 16:48:52

Yolo11改进策略：Block改进|使用FastVit的RepMixerBlock改进Yolo11，重参数重构助力Yolo11涨点（全网首发）

文章目录 摘要FastViT：一种使用结构重新参数化的快速混合视觉变换器1、简介2、相关工作3、体系结构3.1、概述3.2、FastViT3.2.1、重新参数化跳过连接3.2.2、线性训练时间过参数化3.2.3、大核卷积4、实验4.1、图像分类4.2、鲁棒性评价4.3、3D Hand网格估计4.4、语义分割和目标检…...

编程日记 2024/12/26 16:46:50

微信小程序-基于Vant Weapp UI 组件库的Area 省市区选择

Area 省市区选择&#xff0c;省市区选择组件通常与 弹出层 组件配合使用。 areaList 格式 areaList 为对象结构&#xff0c;包含 province_list、city_list、county_list 三个 key。 每项以地区码作为 key&#xff0c;省市区名字作为 value。地区码为 6 位数字&#xff0c;前两…...

编程日记 2024/12/26 16:44:48

NIO(New IO)和BIO(Blocking IO)的区别

Java中的NIO&#xff08;New IO&#xff09;和BIO&#xff08;Blocking IO&#xff09;的区别及NIO的核心组件 Java中的NIO&#xff08;New IO&#xff09;和BIO&#xff08;Blocking IO&#xff09;是两种不同的网络通信模型&#xff0c;各自具有独特的特性和适用场景。下面将…...

编程日记 2024/12/26 16:43:47

ROS1入门教程6：复杂行为处理

一、新建项目 # 创建工作空间 mkdir -p demo6/src && cd demo6# 创建功能包 catkin_create_pkg demo roscpp rosmsg actionlib_msgs message_generation tf二、创建行为 # 创建行为文件夹 mkdir action && cd action# 创建行为文件 vim Move.action# 定义行为…...

编程日记 2024/12/26 16:41:44

碰撞检测算法之闵可夫斯基差集法(Minkowski Difference)

在游戏开发和机器人路径规划乃至于现在比较火的自动驾驶中&#xff0c;我们常常需要确定两个物体是否发生碰撞&#xff0c;有一种通过闵可夫斯基差集法求是否相交的算法&#xff0c;下面将介绍一下 闵可夫斯基差集法的优势 闵可夫斯基差集法优势&#xff1a; 可以处理复杂的…...

编程日记 2024/12/26 16:37:39

【唐叔学算法】第18天：解密选择排序的双重魅力-直接选择排序与堆排序的Java实现及性能剖析

引言 在数据排序的世界里&#xff0c;选择排序是一类简单而直观的算法&#xff0c;它通过不断选取未排序部分中的最小&#xff08;或最大&#xff09;元素来逐步构建有序序列。今天&#xff0c;我们将深入探讨两种基于选择思想的排序方法——直接选择排序和堆排序&#xff0c;…...

编程日记 2024/12/26 16:36:37

2008-2020年各省技术服务水平相关指标数据

2008-2020年各省技术服务水平相关指标数据 1.时间&#xff1a;2008-2020年 2.指标&#xff1a;行政区划代码、地区、年份、信息传输、软件和信息技术服务业城镇单位就业人员(万人)、软件业务收入(万元)、高技术产品出口额占商品出口额比重&#xff08;%&#xff09; 3.范围&…...

编程日记 2024/12/26 16:33:34

机器学习DAY4续：梯度提升与 XGBoost （完）

本文将通过 XGBoost 框架来实现回归、分类和排序任务&#xff0c;帮助理解和掌握使用 XGBoost 解决实际问题的能力。我们将从基本的数据处理开始&#xff0c;逐步深入到模型训练、评估以及预测。最后&#xff0c;将模型进行保存和加载训练好的模型。 知识点 回归任务分类任务…...

编程日记 2024/12/26 16:31:32

ML-Agents：训练配置文件（一）

注&#xff1a;本文章为官方文档翻译&#xff0c;如有侵权行为请联系作者删除 Training Configuration File - Unity ML-Agents Toolkit–原文链接 常见训练器配置 关于训练&#xff0c;您需要做出的首要决定之一是使用哪种训练器&#xff1a;PPO、SAC 还是 POCA。有些训练配置…...

编程日记 2024/12/26 16:25:23

【物联网技术与应用】 实验13：雨滴传感器实验

实验13 雨滴传感器实验 【实验介绍】 雨滴传感器或雨滴检测传感器用于检测是否下雨以及降雨。广泛应用于汽车的雨刷系统、智能照明系统和天窗系统。 【实验组件】 ● Arduino Uno主板* 1 ● USB数据线*1 ● 雨滴传感器* 1 ● 雨滴传感器调理板* 1 ● 面包板*1 ● 9V方型…...

编程日记 2024/12/26 16:24:21

帝国cms电脑pc站url跳转到手机站url的方法

本文讲解一下帝国cms电脑网站跳转到手机动态网站和手机静态网站的方法,笔者以古诗词网 www.gushichi.com为例&#xff0c;为大家介绍操作步骤。方法一&#xff1a;帝国pc站跳转到手机静态站 1、假设我们有帝国cms 电脑网站www.XXX.com&#xff0c;手机网站m.XXX.com &#xf…...

编程日记 2024/12/26 16:23:20

Django models中的增删改查与MySQL SQL的对应关系

在 Django 中&#xff0c;models 提供了一种高层次的抽象来与数据库进行交互&#xff0c;使得开发者可以使用 Python 代码而非直接编写 SQL 来执行增删改查&#xff08;CRUD&#xff09;操作。下面将详细介绍 Django 的 ORM&#xff08;对象关系映射&#xff09;操作如何对应到…...

编程日记 2024/12/26 16:19:15

Python上下文管理器高级应用：资源管理与代码优雅性

Python上下文管理器高级应用&#xff1a;资源管理与代码优雅性 1. 背景与意义 上下文管理器是Python中一种强大的语言特性&#xff0c;它允许我们以一种优雅的方式管理资源的获取和释放。通过使用with语句&#xff0c;我们可以确保资源在使用完毕后被正确释放&#xff0c;无论代…...

编程新知 2026/4/7 0:47:34

python py2exe

# 把Python脚本变成Windows可执行文件&#xff1a;聊聊py2exe 如果你写过一些Python脚本&#xff0c;可能会遇到这样的场景&#xff1a;写了个挺实用的小工具&#xff0c;想分享给同事或朋友用&#xff0c;但他们电脑上可能没装Python环境。这时候就需要把.py文件变成.exe可执行…...

编程新知 2026/4/7 0:41:33

前端框架选择：别再被营销号忽悠了

前端框架选择&#xff1a;别再被营销号忽悠了 一、引言 又到了我这个毒舌工匠上线的时间了&#xff01;今天咱们来聊聊前端框架选择这个话题。现在市面上的前端框架太多了&#xff0c;React、Vue、Angular、Svelte、Solid等等&#xff0c;营销号每天都在吹这个好那个好&#xf…...

编程新知 2026/4/6 23:09:59

基于stm32的红外体温计设计[单片机]-计算机毕业设计源码+LW文档

摘要&#xff1a;本文详细阐述了一款基于STM32单片机的红外体温计设计过程。该设计综合运用红外测温技术、单片机控制技术以及OLED显示技术等&#xff0c;实现了对人体体温的快速、精准测量与直观显示。通过硬件电路设计与软件程序编写&#xff0c;完成了包括红外测温模块、单片…...

编程新知 2026/4/6 22:51:43

002.计算机视觉与目标检测发展简史：从传统方法到深度学习

上周调一个老项目&#xff0c;客户要求在不升级硬件的前提下提升夜间车辆检测的准确率。打开代码一看&#xff0c;好家伙&#xff0c;全是手工设计的HOG特征SVM分类器&#xff0c;夜间噪点多的时候误检率直接飙到40%以上。我盯着那些精心调参的边缘梯度直方图代码&#xff0c;突…...

编程新知 2026/4/6 22:33:22

突破ThinkPad散热限制：TPFanCtrl2智能风扇控制完全指南

突破ThinkPad散热限制&#xff1a;TPFanCtrl2智能风扇控制完全指南 【免费下载链接】TPFanCtrl2 ThinkPad Fan Control 2 (Dual Fan) for Windows 10 and 11 项目地址: https://gitcode.com/gh_mirrors/tp/TPFanCtrl2 ThinkPad笔记本以其稳定性和性能在专业用户中享有盛…...

编程新知 2026/4/6 21:42:12

三步搞定空洞骑士模组管理：Scarab让复杂依赖关系变得简单

三步搞定空洞骑士模组管理&#xff1a;Scarab让复杂依赖关系变得简单 【免费下载链接】Scarab An installer for Hollow Knight mods written in Avalonia. 项目地址: https://gitcode.com/gh_mirrors/sc/Scarab 还在为《空洞骑士》模组安装的各种技术难题而头疼吗&…...

编程新知 2026/4/6 21:34:01

广西大学电气专业课设资料包｜短路计算课程设计全套（含源码+实验报告+理论PPT）

温馨提示&#xff1a;文末有联系方式广西大学电气专业课程设计资料合集 专注服务广大学生&#xff0c;精心整理广西大学电气工程及其自动化专业核心课设&#xff0c;覆盖课程设计全流程需求。短路电流计算课程设计全套电子资料 包含完整可编译运行的软件程序&#xff08;支持主…...

编程新知 2026/4/6 21:32:01

COMSOL 6.1版本皮秒多脉冲激光烧蚀模型：双温模型、变形几何与烧蚀模拟

COMSOL 6.1版本 皮秒多脉冲激光烧蚀模型 模型内容&#xff1a;涉及双温模型&#xff0c;变形几何&#xff0c;烧蚀&#xff0c;皮秒脉冲热源&#xff0c;电子、晶格温度 优势&#xff1a;模型注释清晰明了&#xff0c;各个情况都有涉及可参考性极强&#xff0c;可以修改&#x…...

编程新知 2026/4/6 19:55:07

AI术语大白话：一张表让你从“小白“变“懂王“

看完这篇&#xff0c;下次开会再也不怕听不懂同事说的"黑话"了。为什么你需要了解这些&#xff1f;现如今&#xff0c;AI已经无处不在&#xff0c;想象一下这个场景&#xff1a;老板&#xff1a;"这个需求用RAGFine-tuning实现&#xff0c;Prompt要优化一下&…...

编程新知 2026/4/6 19:45:06