繁体   English   中英

如何将JavaScript forEach循环/函数转换为CoffeeScript

[英]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);
}

所以你可以看到di是你想要的。

一些例子, 请到这里搜索“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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM