📅 最后修改于: 2023-12-03 15:12:19.688000 🧑 作者: Mango
在前端开发中，我们常常需要返回多个原生元素，这时我们可以使用 Array.from() 或者 querySelectorAll() 方法来获取元素，但这些方法所返回的都是类数组对象，无法直接使用数组的方法进行操作。那么如何返回真正的数组呢？
我们可以使用 Array.from() 方法把类数组对象转化为真正的数组，如下所示：
const elements = Array.from(document.querySelectorAll('.element'));
上述代码中，我们通过 querySelectorAll() 方法获取了所有类名为 .element 的元素，然后通过 Array.from() 方法将其转换为真正的数组 elements。接下来，我们就可以使用数组的方法对 elements 进行操作。
除了 Array.from() 方法，我们也可以使用扩展运算符 (…) 将类数组对象转化为真正的数组，如下所示：
const elements = [...document.querySelectorAll('.element')];
上述代码中，我们同样是通过 querySelectorAll() 方法获取所有类名为 .element 的元素，然后使用扩展运算符将其转化为真正的数组 elements。同样的，我们可以使用数组的方法对 elements 进行操作。
总的来说，获取多个原生元素并返回真正的数组有两种方法：Array.from() 和扩展运算符 (…). 以上两种方法都可以在后续的操作中更好的发挥出数组的优势。