Question

背景：我正在尝试将使用Crossfilter库和D3.js数据可视化库的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

Answer 1

使用理解

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是你想要的。

Go here并在某些示例中搜索“forEach”。

最后，请查看第一条评论，了解更多有用信息。

Answer 2

直接翻译是：

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

Answer 3

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);
}

如果您需要，请使用此＆lt; ie9支持（在IE启动版本9中支持forEach）

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

3 个答案: