バインドされたデータを.select（）で呼び出すのがなぜですか？

Question

d3のメンタルモデルでは、.select（）を呼び出すと、選択にどのデータがバインドされるのかを変更してはいけません。

私は.select（）を呼び出すケースに遭遇し、それを機能を渡してきたがバインドされたデータを変更し、私は私のメンタルモデルと間違って何の説明をいただければ幸いです。ここで

は、最小限のケースです：

// Setup 
    let body = d3.selectAll('body') 
    let exampleData = 
     [ 
      {_id:"groupOne", items:['one','two']}, 
      {_id:"groupTwo", items:['three','four']} 
     ]; 
    // Add some divs 
    body.selectAll('div').data(exampleData).enter().append('div'); 

    // Add some p children of the divs 
    body.selectAll('div').selectAll('p').data((d)=>d.items).enter().append('p').text((d)=>d); 

// Issue 
    console.log(body.selectAll('div').data()); // data is the same as exampleData 
    body.selectAll('p').select(function(){return this.parentNode}); // Select parents of all p 
    console.log(body.selectAll('div').data()); // Data is now ["two","four"] 

、ここではbl.ocks.orgのライブバージョンです。 D3の文書から

Answer 1

：https://github.com/d3/d3/wiki/Selections#select

現在の要素は、データが関連付けられている場合、このデータが返さダイレクト選択によって継承され、自動的に新たに選択された要素に結合されています。

ですから、（このデータは返さダイレクト選択によって継承され、自動的に新たに選択した要素にバインドされ。）["one,"two","three","four"]データを持っているbody.selectAll('p')とp要素を選択し

次にあなたがサブセレクションを作ります.select(function(){return this.parentNode});

副選択は '反復' 4回になります。 divとなるものは、 と
<div><p>one</p><p>two</p></div>となり、最後の2つはとなります。最初の反復について

。 parentNode <div><p>one</p><p>two</p></div>、
は（継承）データ"one"を取得します。 2回目の繰り返し：データ"two"。第3回の反復で

。 parentNode <div><p>three</p><p>four</p></div>、
はデータ"three"を取得します。 4回目の繰り返し：データ"four"。

しかし、私はあなたが何をしようとしているが、このようなものだと思う：（return文なし）

body.selectAll('p').select(this.parentNode); // Select parents of all p 
console.log(body.selectAll('div').data()); // Data is now the same as exampleData