如何在JavaScript中优雅的提取循环内数据详解
前言
在本文中，我们将介绍两种提取循环内数据的方法：内部迭代和外部迭代。分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧
循环
举个例子，假设有一个函数logFiles()：
constfs=require('fs');
constpath=require('path');
functionlogFiles(dir){
for(constfileNameoffs.readdirSync(dir)){//(A)
constfilePath=path.resolve(dir,fileName);
console.log(filePath);
conststats=fs.statSync(filePath);
if(stats.isDirectory()){
logFiles(filePath);//(B)
}
}
}
logFiles(process.argv[2]);
从A行开始的循环用来记录文件路径。它是for-of循环和递归的组合（递归调用在B行）。
如果你发现循环内的某些数据（迭代文件）有用，但又不想记录它，那应该怎么办？
内部迭代
提取循环内数据的第一个方法是内部迭代：
constfs=require('fs');
constpath=require('path');
functionlogFiles(dir,callback){
for(constfileNameoffs.readdirSync(dir)){
constfilePath=path.resolve(dir,fileName);
callback(filePath);//(A)
conststats=fs.statSync(filePath);
if(stats.isDirectory()){
logFiles(filePath,callback);
}
}
}
logFiles(process.argv[2],p=>console.log(p));
这种迭代方式与Array的.forEach()类似：logFiles()内实现循环并对每个迭代值（行A）调用callback。
外部迭代
内部迭代的替代方案是外部迭代：我们实现了一个iterable，可以用生成器帮助我们实现：
constfs=require('fs');
constpath=require('path');
function*logFiles(dir){
for(constfileNameoffs.readdirSync(dir)){
constfilePath=path.resolve(dir,fileName);
yieldfilePath;
conststats=fs.statSync(filePath);
if(stats.isDirectory()){
yield*logFiles(filePath);//(A)
}
}
}
for(constpoflogFiles(process.argv[2])){
console.log(p);
}
如果是内部迭代，logFiles()会调用我们（“推”给我们）。而这一次，换我们来调用它了（“拉”过来）。
请注意，在生成器中，必须通过yield* 进行递归调用（第A行）：如果只调用logFiles()那么它会返回一个iterable。但我们想要的是在该iterable中yield每个项目。这就是yield*的作用。
生成器有一个非常好的特性，就是处理过程能够与内部迭代一样互锁：每当logFiles()创建另一个 filePath 时，我们能够立即查看它，然后logFiles()继续。这是一种简单的协作式多任务处理，其中yield暂停当前任务并切换到另一个任务。
扩展阅读
Chapter“Iterablesanditerators”in“ExploringES6”.
Chapter“Generators”in“ExploringES6”.
原文：http://2ality.com/2018/04/extracting-loops.html
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对毛票票的支持。