title: How do I extract data from this NodeList?
body: <p>I need to extract a particular data property from a <code>NodeList</code>. I have no problems getting data from arrays or objects in general, but this <code>NodeList</code> is beyond me! It doesn't work even if I use <code>Array.from()</code> to turn it into an array.</p>
  <p>This is the relevant code:</p>
  <p><a href="https://i.stack.imgur.com/intsO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/intsO.png" alt="enter image description here" /></a></p>
  <p>And this is what it logs:</p>
  <p><a href="https://i.stack.imgur.com/JOeoE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JOeoE.png" alt="enter image description here" /></a></p>
  <p>In the log on line 173, the closed arrays contain all the data I need, but I simply don't understand how to go there. When I try to go to an index there it just opens up the path coordinates.</p>
  <p>I will also add the code image as text, it doesn't have any lines though:</p>
  <pre><code>let test = d3.selectAll(&quot;.unit&quot;)
      console.log(test)
      console.log(test._groups)
      console.log(test._groups[0])
      console.log(test._groups[0][0])
  </code></pre>
  <p>EDIT: To be more specific, the data I need is a &quot;<strong>data</strong>&quot; property inside the array below the nodelist (?), compare to the previous image of the log on line 173:
  <a href="https://i.stack.imgur.com/tGd9m.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tGd9m.png" alt="enter image description here" /></a></p>
  <p>EDIT2: To be even more clear: When I open the nodelist in the console, I also get an array, and it is only the array that interests me. I don't understand this data structure, how the array is related to the nodelist, but I have tried to access the indexes of the array in a variety of ways and nothing has worked.</p>