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

本文共 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://obblo.baihongyu.com/

你可能感兴趣的文章
分布式文件存储
查看>>
LVS高可用方案
查看>>
环形链表解决约瑟夫游戏问题
查看>>
NFS服务器
查看>>
MIUI V5八门神器不能用?一招教你搞定
查看>>
fastcgi_params 与 fastcgi.conf的差异
查看>>
文件操作最小权限
查看>>
系统学习redis之五——redis数据类型之list类型及操作
查看>>
Linux 中分区间数据迁移,原目录不变 - rsync
查看>>
学习规划
查看>>
[JS代码]如何判断ipad或者iphone是否为横屏或者竖屏 - portrait或者lan...
查看>>
我的Kali Linux***测试学习之路
查看>>
通过七层反向代理设置X-Frame-Options参数,实现页面frame防护/加载
查看>>
OKHTTP3 APNS推送时通过拦截器修改一些优化连接
查看>>
数据库审计---首选Netwrix的SQLsever数据库 审计工具
查看>>
itop 通过端口访问最简单设置方法
查看>>
web.xml 中的listener、 filter、servlet 加载顺序及其详解
查看>>
蓝牙防丢器原理、实现与Android BLE接口编程
查看>>
有博客了 好激动。。
查看>>
学习Linux精神绝招
查看>>