ES6 Iterator 与 for...of 循环(五)

Iterator 特性:

  • 统一的接口:无论是数组、字符串还是自定义对象,只要它们有默认的迭代器,就可以使用 for…of 循环进行遍历。
  • 可迭代对象:具有 [Symbol.iterator] 属性的对象被认为是可迭代的。[Symbol.iterator] 是一个方法,返回一个迭代器。
  • 迭代器对象:迭代器是一个具有 next() 方法的对象,该方法返回包含 value 和 done 属性的对象。value 是当前迭代的值,done 是一个布尔值,表示迭代是否完成。

for…of 循环特性:

  • 简洁的语法:使用 for…of 可以遍历可迭代对象中的每个元素,而不需要编写额外的迭代逻辑。
  • 自动迭代:for…of 循环自动调用迭代器的 next() 方法,获取下一个值。
  • 异常处理:可以在 for…of 循环中使用 try…catch 来捕获在迭代过程中抛出的异常。

1:使用 for…of 遍历数组

let numbers = [1, 2, 3, 4, 5];for (let number of numbers) {console.log(number); // 依次输出 1 到 5
}

2:使用 for…of 遍历字符串

let str = "Hello";for (let char of str) {console.log(char); // 依次输出 'H', 'e', 'l', 'l', 'o'
}

3:自定义迭代器

let myIterable = {[Symbol.iterator]: function* () {yield 1;yield 2;yield 3;}
};for (let value of myIterable) {console.log(value); // 依次输出 1, 2, 3
}

4:使用 for…of 与自定义迭代器

function* numberIterator(max) {let current = 1;while (current <= max) {yield current++;}
}for (let number of numberIterator(5)) {console.log(number); // 依次输出 1 到 5
}

5:使用 for…of 捕获异常

let iterable = [1, 2, 3, 4, 'error', 6];for (let item of iterable) {try {if (typeof item === 'string') {throw new Error('Invalid value');}console.log(item * 2); // 依次输出 2, 4, 6, 8} catch (e) {console.error(e.message); // 输出:Invalid value}
}

6:使用 Array.from 将可迭代对象转换为数组

let str = "Iterator";let arrayFromIterable = Array.from(str);
console.log(arrayFromIterable); // 输出:['I', 't', 'e', 'r', 'a', 't', 'o', 'r']

注意

兼容性:for…of 循环在现代浏览器和 Node.js 中得到支持,但一些旧的 JavaScript 环境可能不支持。
性能:对于大型集合,for…of 循环可能不如传统的 for 循环高效,因为每次迭代都需要调用迭代器的 next() 方法。

7:数组的 Symbol.iterator

let arr = [1, 2, 3];// 数组是可迭代对象,具有默认的 Symbol.iterator 属性
let iterator = arr[Symbol.iterator]();console.log(iterator.next()); // { value: 1, done: false }
console.log(iterator.next()); // { value: 2, done: false }
console.log(iterator.next()); // { value: 3, done: false }
console.log(iterator.next()); // { value: undefined, done: true }

8:字符串的 Symbol.iterator

let str = "abc";// 字符串也是可迭代对象
let strIterator = str[Symbol.iterator]();console.log(strIterator.next()); // { value: "a", done: false }
console.log(strIterator.next()); // { value: "b", done: false }
console.log(strIterator.next()); // { value: "c", done: false }
console.log(strIterator.next()); // { value: undefined, done: true }

9:手动使用 Symbol.iterator

let myObj = {items: [3, 5, 7],[Symbol.iterator]: function* () {for (let item of this.items) {yield item * 2; // 迭代器返回值的两倍}}
};let iterator = myObj[Symbol.iterator]();console.log(iterator.next()); // { value: 6, done: false }
console.log(iterator.next()); // { value: 10, done: false }
console.log(iterator.next()); // { value: 14, done: false }
console.log(iterator.next()); // { value: undefined, done: true }

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/870225.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

FastAPI 学习之路(三十九)对开发接口进行测试

概况 对于开发好的接口需要进行测试之后才能发布。当我们在开发的时候&#xff0c;没有提前测试&#xff0c;我们也要对我们自己的接口进行测试&#xff0c;那么FastApi自身也带有针对开发的接口进行测试的功能。我们看下FastApi官方给我们提供了什么样的支持。 接口还是基于…

笔记本硬盘数据恢复的6种方法!简单易懂

可以从笔记本电脑硬盘恢复已删除的数据吗&#xff1f; “我不小心删除了笔记本电脑硬盘上的重要数据。请问我可以在笔记本电脑硬盘上恢复已删除的数据吗&#xff1f;如果可以&#xff0c;我应该怎么做才能恢复数据呢&#xff1f;” 很多笔记本电脑用户可能会不小心地从电脑中…

线程冲突案例演示

我们以银行取款经典案例来演示线程冲突现象。 银行取款的基本流程可以分为如下几个步骤。 &#xff08;1&#xff09;用户输入账户、密码&#xff0c;系统判断用户的账户、密码是否匹配。 &#xff08;2&#xff09;用户输入取款金额。 &#xff08;3&#xff09;系统判断账…

JavaSE 面向对象程序设计进阶 IO 练习读取多个对象

练习读取多个对象 用序列化流将对象写入文件 import java.io.*; import java.nio.charset.Charset;public class Main {public static void main(String[] args) throws IOException, ClassNotFoundException {//序列化多个对象Person p1new Person("多多", 男,20)…

梧桐数据库:数据库产品中的自然语言语义分析技术

数据库产品中的自然语言语义分析技术是一项重要的自然语言处理技术&#xff0c;它涉及对自然语言文本进行深度理解和分析&#xff0c;从而识别文本中的实体、关系、情感等语义信息&#xff0c;并将这些信息转化为计算机可以理解和处理的形式。 一、自然语言语义分析技术的定义…

蓝牙 - Terminal I/O Service Specification

1, Introduction 1.1, Scope 通过该服务&#xff0c;终端 I/O 客户端设备可连接终端 I/O 服务器设备并与之交互&#xff0c;从而实现串行数据和 GPIO 状态信息的双向交流。 终端 I/O 服务公开本地 UART 数据和本地 GPIO 状态变化&#xff0c;并允许 GATT 客户向 GATT 服务器传…

Elasticsearch 基础查询语句汇总

Elasticsearch 基础查询语句汇总 准备条件指定id查询一指定id查询二指定多个id查询区间查询模糊查询多字段查询分页查询查询总数量 准备条件 以下查询操作都基于索引crm_clue来操作&#xff0c;索引已经建过了&#xff0c;本文主要讲Elasticsearch查询语句&#xff0c;下面开始…

DP学习——设计模式代码采集

学而时习之&#xff0c;温故而知新。 c&#xff0b;&#xff0b;代码 1111https://blog.csdn.net/xushuilong/article/details/106962825 22222

电商之订单价税拆分实现方案

文章目录 案例数据实现思路1、计算出平均金额2、计算每个商品的金额 实现方案1、订单 order 实体2、订单明细 orderDetail 实体3、实现类4、测试启动5、实现结果 在做电商项目的时候&#xff0c;会遇到要对订单明细进行纳税金额拆分&#xff0c;即将税额拆分到每个商品上&#…

Android 自定义Edittext 和TextView 提示文字和填入内容不同的粗细组件

近期项目中又EditText 以及TextView 这两个组件需要用到提示文字 以及 填入文字要保持不同的粗细程度,所以记录一下 首先 是EditText 组件的自定义 BLEditText 继承的这个组件是一个三方的组件,可以在很大程度上减少drawable的编写,有兴趣的可以去相关的Git去看一下 点击查看,…

[leetcode]maximum-binary-tree 最大二叉树

. - 力扣&#xff08;LeetCode&#xff09; class Solution { public:TreeNode* constructMaximumBinaryTree(vector<int>& nums) {return construct(nums, 0, nums.size() - 1);}TreeNode* construct(const vector<int>& nums, int left, int right) {if …

人工智能算法工程师(中级)课程4-sklearn机器学习之回归问题与代码详解

大家好&#xff0c;我是微学AI&#xff0c;今天给大家介绍一下人工智能算法工程师(中级)课程4-sklearn机器学习之回归问题与代码详解。回归分析是统计学和机器学习中的一种重要方法&#xff0c;用于研究因变量和自变量之间的关系。在机器学习中&#xff0c;回归算法被广泛应用于…

软件开发23种设计模式

一、设计模式分类 软件开发的23种模式&#xff0c;主要分类有创建型模式&#xff0c;结构型模式&#xff0c;行为型模式三种&#xff0c;相关分类如下&#xff1a; 设计模式是一种面向对象编程的思想&#xff0c;它是由Gamma等人在《设计模式&#xff1a;可复用面向对象软件的…

中新青年领导人交流营走进李良济,零距离感受中医药文化的魅力

7月8日晚&#xff0c;2024中新青年领导人交流营在苏州正式启动。该交流营主题为“青年创业和可持续发展”&#xff0c;由中华全国青年联合会、新加坡全国青年理事会主办&#xff0c;江苏省、北京市青年联合会与苏州市人民政府承办&#xff0c;苏州市青年联合会与苏州工业园区管…

k8s核心操作_Ingress统一网关入口_域名访问配置_ingress域名转发规则配置_根据域名访问不同服务---分布式云原生部署架构搭建026

上一节我们已经把 ingress 安装好了可以看到 kubectl get svc -A 可以看到 出现了ingress-nginx 的service,在ingre-nginx这个命名空间中,有两个,一个是 ingress-nginx-controller 开了两个一个是对应http,一个对应https 一个是 ingress-nginx-controller-admission 对…

unordered_map和set

前言&#xff1a;本篇文章继续分享新的容器unordered_map和set。前边我们分享过map和set&#xff0c;其底层为红黑树&#xff0c;而unordered_map和set的底层则为哈希表&#xff0c;因此在unordered_map和set的实现中&#xff0c;我们可以效仿许多在map和set的中就分享过的一些…

银河麒麟(Kylin)KYSEC使用

1.推荐使用方法 *.临时禁用指令: setstatus disable--禁用 注&#xff1a;执行reboot后系统会自动启动 2.选用指令&#xff1a; *.永久禁用指令&#xff1a; setstatus disable -p *.重启后,KYSEC还是处理关闭关状态。 *.使用如下指令启用&#xff1a;setstatus enable …

详细介绍一下TypeScript

TypeScript (TS) 是一种由微软开发和维护的开源编程语言。它是 JavaScript 的一个超集&#xff0c;意味着所有的 JavaScript 代码都可以在 TypeScript 中无需修改地运行。TypeScript 添加了可选的静态类型系统&#xff0c;这使得开发者能够在开发大型应用程序时更早地检测和修复…

【人生苦短,我学 Python】(13)通过python内置函数实现栈、队列

Python 所有文章传送门【Python】所有文章传送门 目录 简述 / 前言1. collections 的 deque 对象2. 栈2.1 栈操作-12.2 栈操作-2 3. 队列3.1 队列操作-13.2 队列操作-2 总结 简述 / 前言 上篇文章讲完了函数部分&#xff0c;这篇文章主要介绍如果通过内置函数&#xff08;模块…

Linux(一)线程——何为线程???Linux线程控制

文章目录 什么是线程&#xff1f;&#xff1f;&#xff1f;线程和进程的区别和联系Linux线程控制POSIX线程库创建线程线程等待线程终止线程分离 什么是线程&#xff1f;&#xff1f;&#xff1f; 在一个程序里的一个执行路线就叫做线程&#xff08;thread&#xff09;。更准确的…