d3.js 4.2选择中没有约束的第一个元素

Question

有人检查d3 4的简单问题： https://jsfiddle.net/dwrzso58/

d3.select("body")
    .data([1,2,3])
  .enter()
  .append("div")
  .text((d,i)=>d)

当此代码运行时，只有2和3显示在DOM中。是什么让数组中的第一个元素丢失？

Answer 1

d3.select("body")选择包含一个元素，因此.data()将1添加到所选的body元素中，2,3个剩余并包含在.enter()管道中。如果要输入所有三个元素，则必须在空选择上调用.data()，如下所示：

d3.select("body").select("div")
.data([1,2,3])
.enter()
.append("div")
.text((d,i)=>d)