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

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

你可能感兴趣的文章
苹果新的编程语言 Swift 语言进阶(十四)--扩展
查看>>
Md5加密方法
查看>>
转:zookeeper中Watcher和Notifications
查看>>
函数的参数
查看>>
Java编程规范
查看>>
【洛谷 P1070】道路游戏 (DP)
查看>>
走迷宫(回溯、深搜)判断能否到终点
查看>>
Zookeeper权限管理与Quota管理
查看>>
CORS 详解
查看>>
【原】iOS学习之苹果原生代码实现Autolayout和VFL语言
查看>>
ASP.NET MVC中使用FluentValidation验证实体
查看>>
usb mass storage device
查看>>
CentOs7
查看>>
python3封装Api接口
查看>>
jar包双击执行引用外部包问题
查看>>
OI复习计划
查看>>
about
查看>>
O-Bomb(数位dp)
查看>>
hdu5032 点和查询分别按极角排序 离线做+树状数组
查看>>
hdu1428 递归形式dp(记忆化搜素):A能到B的条件是A到目的地最短路大于B到目的地最短路...
查看>>