d3.selectAll("nonexistant").empty()
> true

并绑定一些数据.

d3.selectAll("nonexistant").data([1,2,3,4])
> [Array[4]]

好,所以它的大小四.让我们来看看selection.size：

d3.selectAll("nonexistant").data([1,4]).size()
> 0

嗯,我想这是因为没有DOM元素,更新选择是空的,因为没有以前的元素.所以让我们进入输入选择.

d3.selectAll("nonexistant").data([1,4]).enter()
> [Array[4]]
d3.selectAll("nonexistant").data([1,4]).enter().size()
> TypeError: undefined is not a function
d3.selectAll("nonexistant").data([1,4]).enter().append("p").size()
> 4

不知道为什么输入选择导致错误(更新：在v3.4.12中修复),但无论如何,如果我们尝试使用文档中的示例函数进行过滤,

function odds(d,i) { return i & 1; }
d3.selectAll("nonexistant").data([1,4]).filter(odds);
> [Array[0]]
d3.selectAll("nonexistant").data([1,4]).enter().filter(odds);
> []
d3.selectAll("nonexistant").data([1,4]).enter().append("p").filter(odds)
> [Array[2]]

为什么当没有DOM元素绑定时,它会静默地过滤所有元素？当我已经拥有DOM元素时,它似乎工作正常.但是感觉很无用,因为我不想为丢弃的数据创建元素.也许如果我把过滤器提早？

d3.selectAll("nonexistant").data([1,4]).filter(odds).enter().append("p").size()
> TypeError: undefined is not a function
d3.selectAll("nonexistant").data([1,4]).enter().filter(odds).append("p").size()
> TypeError: undefined is not a function

不.似乎去的方式是与JS的本机filter在阵列上：

d3.selectAll("nonexistant").data([1,4].filter(odds)).enter().append("p").size()
> 2

d3文档似乎不区分具有DOM元素绑定的选项和不具有DOM元素的选择.看来我应该能够将过滤器放在我的方法链中的任何位置(并且在任何选择上调用大小),并获得正确的结果而不会出现类型错误.过滤器还支持需要DOM元素的CSS选择器,但是我没有在这里使用它们.

我想知道什么：d3在做什么和我期望的不匹配.我在多大程度上怀疑有关选择的误解,哪些操作对他们有效？文件在多大程度上不清楚？是否有任何这种行为有资格作为错误？