博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
在 JavaScript 中优雅的提取循环内的数据
阅读量:5832 次
发布时间:2019-06-18

本文共 1836 字,大约阅读时间需要 6 分钟。

翻译:疯狂的技术宅
原文:

在本文中,我们将介绍两种提取循环内数据的方法:内部迭代和外部迭代。

循环

举个例子,假设有一个函数 logFiles()

const fs = require('fs');const path = require('path');function logFiles(dir) {  for (const fileName of fs.readdirSync(dir)) { // (A)    const filePath = path.resolve(dir, fileName);    console.log(filePath);    const stats = fs.statSync(filePath);    if (stats.isDirectory()) {      logFiles(filePath); // (B)    }  }}logFiles(process.argv[2]);

从 A 行开始的循环用来记录文件路径。它是 for-of 循环和递归的组合(递归调用在 B 行)。

如果你发现循环内的某些数据(迭代文件)有用,但又不想记录它,那应该怎么办?

内部迭代

提取循环内数据的第一个方法是内部迭代

const fs = require('fs');const path = require('path');function logFiles(dir, callback) {  for (const fileName of fs.readdirSync(dir)) {    const filePath = path.resolve(dir, fileName);    callback(filePath); // (A)    const stats = fs.statSync(filePath);    if (stats.isDirectory()) {      logFiles(filePath, callback);    }  }}logFiles(process.argv[2], p => console.log(p));

这种迭代方式与Array的 .forEach()类似:logFiles() 内实现循环并对每个迭代值(行A)调用 callback

外部迭代

内部迭代的替代方案是外部迭代:我们实现了一个iterable,可以用生成器帮助我们实现:

const fs = require('fs');const path = require('path');function* logFiles(dir) {  for (const fileName of fs.readdirSync(dir)) {    const filePath = path.resolve(dir, fileName);    yield filePath;    const stats = fs.statSync(filePath);    if (stats.isDirectory()) {      yield* logFiles(filePath); // (A)    }  }}for (const p of logFiles(process.argv[2])) {  console.log(p);}

如果是内部迭代,logFiles() 会调用我们(“推”给我们)。而这一次,换我们来调用它了(“拉”过来)。

请注意,在生成器中,必须通过 进行递归调用(第A行):如果只调用 logFiles() 那么它会返回一个iterable。但我们想要的是在该 iterable 中 yield 每个项目。这就是 yield* 的作用。

生成器有一个非常好的特性,就是处理过程能够与内部迭代一样互锁:每当 logFiles() 创建另一个 filePath 时,我们能够立即查看它,然后 logFiles() 继续。这是一种简单的协作式多任务处理,其中 yield 暂停当前任务并切换到另一个任务。

扩展阅读

  • Chapter “” in “Exploring ES6”.
  • Chapter “” in “Exploring ES6”.

欢迎继续阅读本专栏其它高赞文章:


本文首发微信公众号:jingchengyideng

欢迎扫描二维码关注公众号,每天都给你推送新鲜的前端技术文章

欢迎扫描二维码关注公众号,每天都给你推送新鲜的前端技术文章


转载地址:http://qjrdx.baihongyu.com/

你可能感兴趣的文章
CRM Transaction处理中的权限控制
查看>>
[转]linux创建链接文件的两种方法
查看>>
python ipaddress模块使用
查看>>
文件权限
查看>>
busybox里的僵尸进程为何那么多
查看>>
python debug
查看>>
java 连接数据库之一个完整的函数
查看>>
mysql脚本
查看>>
OllyDBG 入门系列教学--让你瞬间成为破解高手
查看>>
Dubbo点滴(2)之集群容错
查看>>
检测不到兼容的键盘驱动程序
查看>>
listbox用法
查看>>
冲刺第九天 1.10 THU
查看>>
传值方式:ajax技术和普通传值方式
查看>>
Linux-网络连接-(VMware与CentOS)
查看>>
寻找链表相交节点
查看>>
AS3——禁止swf缩放
查看>>
linq 学习笔记之 Linq基本子句
查看>>
[Js]布局转换
查看>>
Hot Bath
查看>>