如何使用javascript对数据属性中的值列表进行extact

Question

我有一个这样的表。

<table id="data-grid">
<thead>
<tr>
<td data-field="name">Name</td>
<td data-field="address1">Address Line 1</td>
<td data-field="city">City</td>
<td data-field="state">State</td>
<td data-field="postalcode">Postal Code</td>
</tr>
</thead>
</table>

我想提取"数据字段"中的所有值。我使用了document.getElementById("data-grid").querySelectorAll("td")，它给出了一个对象

{
0: <td data-field="name">​
1: <td data-field="address1">​
2: <td data-field="city">​
3: <td data-field="state">​
4: <td data-field="postalcode">​
........
}

如何获得像["name", "address1", "city", "state", "postalcode"]这样的数据字段中的内容列表？它可以是一个对象或一个数组。任何一个都可以。

Answer 1

您可以将其转换为具有Array.from的数组，然后在其上调用.map：

Array.from(document.querySelectorAll("#data-grid td")).map(v => v.dataset.field)

(我还将选择器更改为#data-grid td以摆脱getElementById(