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

for...of的用法与介绍

news 来源：原创 2025/8/21 18:55:19

一、定义

for...of 是 ES6（ECMAScript 2015）引入的一种用于 遍历可迭代对象（Iterable）的循环语句

二、语法

for (const item of iterable) {// 代码块
}

参数：

iterable：一个可迭代对象（如数组、字符串、Set、Map等）。
item：当前迭代的值。

三、举例

const arr = [10, 20, 30];
for (const value of arr) {console.log(value);
}
// 输出：10, 20, 30

相比 `forEach`，`for...of` 支持 `break` 和 `continue`：

for (const value of arr) {if (value === 20) continue;console.log(value);
}
// 输出：10, 30

四、使用

遍历 Set

Set 是无重复值的集合，for...of 可用于遍历：

const mySet = new Set(["a", "b", "c"]);
for (const value of mySet) {console.log(value);
}
// 输出：a, b, c

遍历 Set

for...of 默认遍历 Map 的键值对：

const myMap = new Map([["name", "Alice"],["age", 25]
]);for (const [key, value] of myMap) {console.log(key, value);
}
// 输出：name Alice
//       age 25

遍历 `arguments` 对象

function test() {for (const arg of arguments) {console.log(arg);}
}
test(1, 2, 3);
// 输出：1, 2, 3

五、名词解释

1、什么是可迭代对象（Iterable）？

可迭代对象是 实现了 Symbol.iterator 方法 的对象，这意味着它可以被 for...of 遍历。

常见的可迭代对象：

数组（Array）
字符串（String）
Set
Map
arguments 对象
NodeList（DOM API 返回的集合）
TypedArray（比如 Uint8Array）
生成器（Generator）

比喻：

symbol.iterator 就像书的“书签功能”

想象你有一本书这本书就是一个对象，而书签就是 Symbol.iterator。

普通的对象（没有 Symbol.iterator）

就像一本没有书签的书，你只能自己翻页，不知道读到哪里了，也不能按顺序自动阅读。比如：

const obj = { a: 1, b: 2 }; for (const item of obj) { // 报错：obj 不是可迭代对象 console.log(item); }

普通对象 {} 不能直接用 for...of，因为它没有“书签功能”。

数组（自带 Symbol.iterator）

而数组 []、字符串 "abc" 等天生带有书签功能（Symbol.iterator），你可以一页一页顺序读下去：

const arr = [10, 20, 30]; for (const num of arr) { console.log(num); // 输出 10, 20, 30 }

数组可以 for...of 遍历，因为它天生有 Symbol.iterator（书签功能）。

`2、arguments` 对象是什么？

在 JavaScript 里，arguments 是一个“类数组”对象（array-like object），用来存储所有传递给函数的参数。

简单来说，当你调用一个函数时，所有参数都会被存到 arguments 里，即使你没有在函数的参数列表中定义它们。

function test() {console.log(arguments); // arguments 是个对象
}test(1, 2, 3, 'hello');
[Arguments] { '0': 1, '1': 2, '2': 3, '3': 'hello' }

从 ES6 开始，arguments 已经不推荐使用，因为它不是数组，很多数组方法不能直接用。
我们应该用剩余参数（Rest 参数） ...args，它会直接生成数组：

注意args是变量名写什么都行

function test(...args) {for (const arg of args) {console.log(arg);}
}test('a', 'b', 'c');
// 输出：
// a
// b
// c

六、实战

function sum(...nums) {return nums.reduce((a, b) => a + b, 0);
}console.log(sum(10, 20, 30)); // 60
console.log(sum(1, 2, 3, 4, 5)); // 15

就是相当于把传入的值自动组成一个数组

for...of的用法与介绍

一、定义 for...of 是 ES6（ECMAScript 2015）引入的一种用于遍历可迭代对象（Iterable）的循环语句二、语法 for (const item of iterable) {// 代码块 }参数： iterable：一个可迭代对象（如数组…...

编程日记 2025/8/21 18:55:19

快速使用PPASR V3版不能语音识别框架

前言本文章主要介绍如何快速使用PPASR语音识别框架训练和推理，本文将致力于最简单的方式去介绍使用，如果使用更进阶功能，还需要从源码去看文档。仅需三行代码即可实现训练和推理。源码地址：https://github.com/yeyupiaoling/P…...

编程日记 2025/8/21 11:33:27

Aliyun CTF 2025 web ezoj

文章目录 ezoj ezoj 进来一看是算法题，先做了试试看,gpt写了一个高效代码通过了通过后没看见啥，根据页面底部提示去/source看到源代码，没啥思路，直接看wp吧，跟算法题没啥关系,关键是去看源码 def audit_checker(even…...

编程日记 2025/8/21 18:40:10

推理模型对SQL理解能力的评测：DeepSeek r1、GPT-4o、Kimi k1.5和Claude 3.7 Sonnet

引言随着大型语言模型（LLMs）在技术领域的应用日益广泛，评估这些模型在特定技术任务上的能力变得越来越重要。本研究聚焦于四款领先的推理模型——DeepSeek r1、GPT-4o、Kimi k1.5和Claude 3.7 Sonnet在SQL理解与分析方面的能力，…...

编程日记 2025/8/21 12:19:59

【H2O2 | 软件开发】事件循环机制

目录前言开篇语准备工作正文概念流程事件队列类型示例结束语前言开篇语本系列为短篇，每次讲述少量知识点，无需一次性灌输太多的新知识点。该主题文章主要是围绕前端、全栈开发相关面试常见问题撰写的，希望对诸位有所帮…...

编程日记 2025/8/21 5:16:34

LVTTL（Low Voltage Transistor-Transistor Logic）电平详解

一、LVTTL电平的定义与核心特性 LVTTL（低压晶体管-晶体管逻辑）是传统TTL（5V）的低电压版本，工作电压通常为3.3V，旨在降低功耗并适配现代低电压集成电路，同时保持与TTL的逻辑兼容性。其核心特点如…...

编程日记 2025/8/21 18:49:48

Manus：成为AI Agent领域的标杆

一、引言官网：Manus 随着人工智能技术的飞速发展，AI Agent（智能体）作为人工智能领域的重要分支，正逐渐从概念走向现实，并在各行各业展现出巨大的应用潜力。在众多AI Agent产品中，Manus以其独…...

编程日记 2025/8/16 9:54:52

批量测试IP和域名联通性

最近需要测试IP和域名的联通性，因数量很多，单个ping占用时间较长。考虑使用Python和Bat解决。考虑到依托的环境，Bat可以在Windows直接运行。所以直接Bat处理。方法1 echo off for /f %%i in (E:\封禁IP\ipall.txt) do (ping %%i -n 1 &…...

编程日记 2025/8/21 18:51:37

网络安全之tcpdump工具

引言 wireshark是一款非常不错的抓包软件，在图形化界面占绝对统治地位；尽管其在字符界面下有些许选项可供使用，但终究不太方便，下面我再介绍一款NB的终端抓包工具 tcpdump 1、混杂模式 linux的网卡有混杂模式一说，当开…...

编程日记 2025/8/21 18:40:11

TMS320F28P550SJ9学习笔记8：I2C通信的结构体寄存器配置的了解

继续学习IIC通信的寄存器配置方式：尝试使用寄存器方式配置了解I2C a 没条件完整测试IIC功能，具体的修改与测试留在下文，这里只贴出全部代码，就不提供工程了文章提供测试代码讲解、完整工程下载、测试效果图目录 IIC通信引脚&a…...

编程日记 2025/8/20 5:23:48

TypeScript类：面向对象编程的基石

一、从现实世界到代码世界想象你要建造一栋房子，首先需要一张设计蓝图——它定义了房屋的结构（几个房间）、功能（卧室/厨房）和特性（材料/颜色）。在TypeScript中，class就是这个设计蓝…...

编程日记 2025/8/20 7:25:15

C语言学习笔记-进阶（10）自定义类型：结构体

1. 结构体类型的声明前面我们在学习操作符的时候，已经学习了结构体的知识，这里稍微复习一下。 1.1 结构体回顾结构是⼀些值的集合，这些值称为成员变量。结构的每个成员可以是不同类型的变量。 1.1.1 结构体的声明 struct tag {member-…...

编程日记 2025/8/16 11:38:21

Java 大视界 -- Java 大数据在智能家居能源管理与节能优化中的应用（120）

💖亲爱的朋友们，热烈欢迎来到青云交的博客！能与诸位在此相逢，我倍感荣幸。在这飞速更迭的时代，我们都渴望一方心灵净土，而我的博客正是这样温暖的所在。这里为你呈上趣味与实用兼具的知识，也…...

编程日记 2025/8/16 13:03:19

upload-labs-master通关攻略(9~12)

Pass-9 建立1.php <?php phpinfo();?> 上传时抓包修改代码在1.php后面加点号空格点号放行后得到 Pass-10 将1.php放入上传时抓包修改代码将1.php改为1.pphphp 上传后得到 Pass-11 将1.php改为1.png 上传时抓包修改代码 ../upload/2.php%00 放行后得到 Pass…...

编程日记 2025/8/16 5:30:57

python语言总结（持续更新）

本文主要是总结各函数，简单的函数不会给予示例，如果在平日遇到一些新类型将会添加基础知识输入与输出 print([要输出的内容])输出函数 input([提示内容]如果输入提示内容会在交互界面显示，用以提示用户)输入函数注释 # 单行注释符&…...

编程日记 2025/8/16 12:19:47

UI自动化测试 —— web端元素获取元素等待实践！

前言 Web UI自动化测试是一种软件测试方法，通过模拟用户行为，自动执行Web界面的各种操作，并验证操作结果是否符合预期，从而提高测试效率和准确性。目的： 确保Web应用程序的界面在不同环境(如不同浏览器、操作系统)下…...

编程日记 2025/8/16 10:00:55

【CXX】6.6 UniquePtr＜T＞ — std::unique_ptr＜T＞

std::unique_ptr 的 Rust 绑定称为 UniquePtr。有关 Rust API 的文档，请参见链接。限制： 目前仅支持 std::unique_ptr<T, std::default_delete>。未来可能会支持自定义删除器。 UniquePtr 不支持 T 为不透明的 Rust 类型。对于在语言边界传递不…...

编程日记 2025/8/20 15:29:42

【网络协议安全】任务10：三层交换机配置

CSDN 原创主页：不羁https://blog.csdn.net/2303_76492156?typeblog三层交换机是指在OSI（开放系统互连）模型中的第三层网络层提供路由功能的交换机。它不仅具备二层交换机的交换功能，还能实现路由功能，提供更为灵活的网…...

编程日记 2025/8/21 10:32:56

C语言每日一练——day_4

引言针对初学者，每日练习几个题，快速上手C语言。第四天。（连续更新中） 采用在线OJ的形式什么是在线OJ？ 在线判题系统（英语：Online Judge，缩写OJ）是一种在编程竞赛中用…...

编程日记 2025/8/16 9:59:01

文件系统调用(上) ─── linux第17课

目录 linux 中man 2和man 3的区别文件内容介绍 C语言文件接口示例: 输出信息到显示器，你有哪些方法总结: 系统文件I/O 文件类的系统调用接口介绍示例 open 函数具体使用哪个,和具体应用场景相关， write read close lseek ,类比C文件相关接…...

编程日记 2025/8/19 7:23:23

在 Spring Boot 中实现基于 TraceId 的日志链路追踪

1 前言 1.1 什么是 TraceId？ TraceId 是一个唯一的标识符，用于跟踪分布式系统中的请求。每个请求从客户端发起到服务端处理，再到可能的多个微服务调用，都会携带这个 TraceId，以便在整个请求链路中进行追踪和调试。 1.2 日志链路追踪的意义日志链路追踪可以帮助开发者…...

编程日记 2025/8/16 11:51:00

STM32 HAL库 CAN过滤器配置

之前在STM32 f407 CAN收发基于HAL库和Cubemx配置_stm32f407can收发程序-CSDN博客这篇博文里写了一下配置CAN收发的方法，当时由于并没有使用过滤器的现实需求，所以就也没仔细研究。现在工作中确实需要用到过滤器了，有些项目中控制器和发动机E…...

编程日记 2025/8/18 17:13:33

C++ 控制结构与函数全面解析

引言在 C 编程中，控制结构和函数是构建程序逻辑的关键要素。控制结构能够决定程序的执行流程，而函数则可以将代码模块化，提高代码的复用性和可维护性。本文将深入介绍 C 中的控制结构和函数的相关知识。一、控制结构 1. if - else 语句 …...

编程日记 2025/8/16 12:43:09

基于django+pytorch(Faster R-CNN)的钢材缺陷识别系统

一、训练数据来源以及数据标注数据来源于阿里云天池实验室公开数据集中的铝型材缺陷检测数据集APDDD 数据标注通过labelme进行标注，图片所有标注以转化为矩形标注，存放成json格式。二、模型训练方式及结果缺陷识别模型基于Faster R-CNN ResNet5…...

编程日记 2025/8/19 3:05:34

C++多态

多态多态分为:静态多态(函数重载,运算符重载)和动态多态(派生类、虚函数) 二者区别:静态多态是在地址编译时绑定,而动态多态是在地址运行时绑定动态多态的特点: 1.有继承关系 2.子类重写父类虚函数(就是跟父类行为函数名称一样，但是是作为子类的行为) 动态多态的…...

编程日记 2025/8/20 12:30:45

【一句话经验】ubuntu vi/vim 模式自动设置为paste

从centos过来，发现ubutun有些地方不习惯，尤其是vi的粘贴，默认自动进去了代码模式，导致每次粘贴必须得set paste，否则会出现问题。解决办法非常简单，按照下面命令执行即可： cd ~ echo "…...

编程日记 2025/8/21 5:42:57

MongoDB 触发器实现教程

在传统的关系型数据库（如 MySQL）中，触发器是一种强大的工具，它可以在特定的数据库操作（如插入、更新或删除）发生时自动执行一段代码。然而，MongoDB 并没有原生内置的触发器概念。不过&#xff0…...

编程日记 2025/8/16 12:12:20

ESP8266 NodeMCU 与 Atmega16 微控制器连接以发送电子邮件

NodeMCU ESP8266 AVR 微控制器 ATmega16 的接口 Atmega16 是一款低成本的 8 位微控制器，比以前版本的微控制器具有更多的 GPIO。它具有所有常用的通信协议，如 UART、USART、SPI 和 I2C。由于其广泛的社区支持和简单性，它在机器人、汽车和自动化行业有广泛的应用。 Atmega1…...

编程日记 2025/8/20 15:09:15

《算法笔记》8.1小节——搜索专题-＞深度优先搜索（DFS）问题 C: 【递归入门】组合+判断素数

题目描述已知 n 个整数b1,b2,…,bn 以及一个整数 k（k＜n）。从 n 个整数中任选 k 个整数相加，可分别得到一系列的和。例如当 n4，k＝3，4 个整数分别为 3，7，12&#xf…...

编程日记 2025/8/21 14:16:26

重生之我在学Vue--第8天 Vue 3 UI 框架（Element Plus）

重生之我在学Vue–第8天 Vue 3 UI 框架（Element Plus） 文章目录重生之我在学Vue--第8天 Vue 3 UI 框架（Element Plus）前言一、Element Plus 基础：从安装到组件革命1.1 安装与两种引入模式全量引入（适合快速…...

编程日记 2025/8/21 5:42:58

从前端视角理解消息队列：核心问题与实战指南

消息队列（Message Queue）是现代分布式系统的核心组件之一，它在前后端协作、系统解耦、流量削峰等场景中发挥着重要作用。本文从前端开发者视角出发，解析消息队列的关键问题，并结合实际场景给出解决方案。一、为什么要…...

编程日记 2025/8/20 9:00:26

Mysql配置文件My.cnf（my.ini）配置参数说明

一、my.cnf 配置文件路径：/etc/my.cnf，在调整了该文件内容后，需要重启mysql才可生效。 1、主要参数 basedir path # 使用给定目录作为根目录(安装目录)。 datadir path # 从给定目录读取数据库文件。 pid-file filename # 为mysq…...

编程日记 2025/8/17 17:14:37

Docker 安装成功后，安装 Dify 中文版本的步骤

Docker 安装成功后，安装 Dify 中文版本的步骤如下1： 克隆 Dify 代码仓库：在终端中执行以下命令，将 Dify 源代码克隆至本地环境。 bash git clone https://github.com/langgenius/dify.git进入 Dify 的 docker 目录： b…...

编程日记 2025/8/17 17:29:48

Spring（4）——响应相关

一、返回静态页面 1.1**RestController和Controller** 想返回如下页面： 如果我们依旧使用原来的**RestController** 可以看到的是仅仅返回了字符串。此时将**RestController改为Controller** 可以看到这次返回的是html页面。那么**RestController和Controller…...

编程日记 2025/8/16 12:08:25

LPDDR5x电源使用Si电容对PI和PSIJ影响分析

SoC可能包含许多高速接口，其中LPDDR5X目前因为高带宽、低功耗、大容量等性能优势开始逐渐在AI计算、5G通信、视频处理等领域开始使用。LPDDR5X目前的速率高达8.533 GT/s，以及多个为这些接口供电的IO电压轨，而这些IO轨的PDN需要提供低阻抗&…...

编程日记 2025/8/18 14:35:54

[网络爬虫] 动态网页抓取 — Selenium 介绍环境配置

🌟想系统化学习爬虫技术？看看这个：[数据抓取] Python 网络爬虫 - 学习手册-CSDN博客 0x01：Selenium 工具介绍 Selenium 是一个开源的便携式自动化测试工具。它最初是为网站自动化测试而开发的，类似于我们玩游戏用的按…...

编程日记 2025/8/17 17:14:38

MySQL数据库操作

目录 SQL语句 1、SQL的背景 2、SQL的概念 SQL的分类 SQL的书写规范 MySQL数据库 1、MySQL数据库的编码 （1）utf8和utf8mb4的区别 （2）MySQL的字符集 （3）MySQL默认编码为 latin1 ，如何更改…...

编程日记 2025/8/19 10:38:28

java之uniapp实现门店地图

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、后台实现1. 获取门店的经纬度2.api查询对应的sql 二、小程序实现前言实现查询门店地址的功能，可以按照距离排序。使用技术：java…...

编程日记 2025/8/16 11:39:54

Git基本概念及使用

目录一、git安装二、git仓库基本概念 1. 远程仓库（Remote）： 2. 本地库（Repository）： 3. 分支（Branch）： 4.本地库和远程库的关系三、git仓库的工作流程四、gi…...

编程日记 2025/8/17 12:30:27

游戏引擎学习第147天

仓库:https://gitee.com/mrxiao_com/2d_game_3 上一集回顾具体来说，我们通过隐式计算来解决问题，而不是像数字微分分析器那样逐步增加数据。我们已经涵盖了这个部分，并计划继续处理音量问题。不过，实际上我们现在不需要继续处理…...

编程日记 2025/8/21 7:09:22

docker私有仓库配置

基于 harbor 构建docker私有仓库 1、机器准备 os：openEuler 、rockylinux mem：4G disk：100G 2、关闭防火墙、禁用SELinux 3、安装docker和docker-compose yum install docker-ce -y配置加速 vim /etc/docker/d…...

编程日记 2025/8/18 14:49:24

PostgreSQL 18新特性之虚拟生成列

PostgreSQL 12 提供了生成列（GENERATED ALWAYS AS STORED）功能，但是只能支持存储型的生成列，需要占用存储空间，更新成本高。为此，PostgreSQL 18 即将引入一个新的增强：虚拟生成列。这种类型的…...

编程日记 2025/8/20 20:00:18

燃气对我们生活的重要性体现在哪里？

燃气在我们的生活中有多方面的重要性 ，以下是燃气对我们生活的重要性的详细说明： 烹饪和热水供应 ： 燃气是家庭烹饪的主要能源，能够快速、高效地加热食物，使家庭聚餐更加便捷和愉快。燃气热水器能够在短时间内提供…...

编程日记 2025/8/21 12:10:12

简易分析 uni.chooseImage 拍照上传的基本知识点（附Demo）

目录前言1. 基本知识2. Demo 前言 🤟 找工作，来万码优才：👉 #小程序://万码优才/r6rqmzDaXpYkJZF 基本的介绍也可看官网：uni.chooseImage(options) 以下知识点主要用于学习了解，从实战中出发 1. 基本知识…...

编程日记 2025/8/21 8:20:53

私域流量时代的创新实践：以定制开发开源AI智能名片与S2B2C商城小程序源码为例的深度研究

摘要：在数字化转型的浪潮中，私域流量已成为企业获取用户、增强品牌影响力及实现销售转化的关键路径。本文首先概述了私域流量的概念及其重要性，随后通过分析故宫文创、B站跨年晚会及美妆品牌“完美日记”的成功案例，深入探讨了私域…...

编程日记 2025/8/21 10:50:05

preloaded-classes裁剪

系统预加载了哪些class类？system/etc/preloaded-classes 修改源代码？ frameworks\base\config\preloaded-classes 默认位置，如果改了不生效，可能有其它模块的mk文件指定了preloaded-classes覆盖了framework模块，例如…...

编程日记 2025/8/19 10:24:35