d3.range.map 有什么作用？

Question

给定以下代码：

var num = 20;

var points = d3.range(num).map(function(d) {

  return {

    x: spread(d),

    y: Math.floor(Math.random() * (height)

  }

});

有人可以向我解释d3.range.map这里在做什么吗？具体来说，d这里是什么？

Answer 1

它将创建范围中的每个值映射到一个对象，因此d依次引用范围中的每个值。更具体地说，d3.range(num)将创建一个从 0 到 19 的整数数组，因此[0, 1, 2, ..., 18, 19]. 有关的更多信息，请参见此处d3.range。当.map在数组上调用时，我们通过回调函数依次访问每个值。在示例中，这是参数d。所以d才会有值0，然后1等最多19。可以在此处找到有关数组映射的信息。然后回调函数为数组中的每个值返回一个对象。因此，该变量将是一个包含具有and属性points的对象的数组。xy