如何将所有选定元素迭代到数组中？

在前端开发中，我们经常需要将一些选定的DOM元素放入数组中以便进行批量处理，如添加事件监听器、修改样式等。那么该如何将所有选定的元素迭代到数组中呢？

以下是两种常用的方法：

方法一：使用原生JavaScript的Array.from()方法

Array.from()方法可以将一个类数组对象或可迭代对象转换为一个真正的数组。因此，我们可以先选取所有需要操作的DOM元素，然后使用Array.from()方法将它们转换成数组：

// 选取所有a标签
const links = document.querySelectorAll('a');
// 将选中的DOM元素转换为数组
const linksArray = Array.from(links);

如果使用ES6，还可以更简洁地使用展开语法来转换：

// 使用展开语法将NodeList转换为数组
const linksArray = [...document.querySelectorAll('a')];

方法二：使用jQuery的toArray()方法

如果你在项目中使用了jQuery，那么可以使用它的toArray()方法来将选中的DOM元素转换为数组：

// 选取所有a标签并将它们转换为数组
const linksArray = $('a').toArray();

toArray()方法会返回一个包含选中元素的数组。

无论使用哪种方法，最终都会得到一个包含选中DOM元素的数组，可以很方便地对它们进行批量处理。

以上就是如何将所有选中的DOM元素迭代到数组中的两种方法。希望可以帮助你更好地写出高效的前端代码！