javascript - 如何使用javascript提取数据属性中的值列表？

Question

我有一张这样的 table 。

<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)