![](/img/trans.png)
[英]How do I convert this piece of javascript code to coffeescript code
[英]How do I convert a JavaScript forEach loop/function to CoffeeScript
背景 :我正在尝试将使用带有D3.js数据可视化库的Crossfilter库的一些JavaScript代码转换为CoffeeScript 。
将JavaScript forEach循环/函数转换为CoffeeScript的最佳方法是什么?
这是JavaScript代码:
// A little coercion, since the CSV is untyped.
flights.forEach(function(d, i) {
d.index = i;
d.date = parseDate(d.date);
d.delay = +d.delay;
d.distance = +d.distance;
});
CoffeeScript可以在循环中执行内联函数吗? 现在我猜我需要把它分解成一个函数和循环:
coerce = (d) ->
d.index = 1
d.date = parseDate(d.date)
d.delay = +d.delay
d.distance = +d.distance
coerce(flights) for d in flights
使用理解
for d, i in flights
console.log d, i
上面的代码转换为
var d, i, _i, _len;
for (i = _i = 0, _len = flights.length; _i < _len; i = ++_i) {
d = flights[i];
console.log(d, i);
}
所以你可以看到d
和i
是你想要的。
一些例子, 请到这里搜索“forEach”。
最后,请查看第一条评论,了解更多有用的信息。
直接翻译是:
flights.forEach (d, i) ->
d.index = i
d.date = parseDate(d.date)
d.delay = +d.delay
d.distance = +d.distance
或者您可以使用惯用版本:
for d,i in flights
d.index = i
d.date = parseDate(d.date)
d.delay = +d.delay
d.distance = +d.distance
forEach具有将每个迭代包装在闭包中的优点。 所以异步调用可以保留正确的值。 这样做的coffeescript方式(实际上没有使用forEach)是
for d,i in flights
do (d, i)->
d.index = i
d.date = parseDate(d.date)
d.delay = +d.delay
d.distance = +d.distance
这编译成与OP的样本非常相似的东西:
_fn = function(d, i) {
d.index = i;
d.date = parseDate(d.date);
d.delay = +d.delay;
return d.distance = +d.distance;
};
for (i = _i = 0, _len = flights.length; _i < _len; i = ++_i) {
d = flights[i];
_fn(d, i);
}
如果您需要<ie9支持(在IE启动版本9中支持每个),请使用此选项
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.