在前端开发中，经常会遇到需要遍历类似数组的对象的情况。ES10 中引入了一些新的方法，可以更方便地遍历这些对象。本文将介绍如何使用 ES10 中的新方法遍历类似数组的对象，并提供示例代码。
类数组对象
在 JavaScript 中，类数组对象是指具有 length 属性和一组数值属性的对象。它们通常是由 DOM 方法返回的结果，如 document.querySelectorAll() 和 document.getElementsByTagName()。类数组对象与数组类似，但它们不具有数组的方法，如 push() 和 pop()。
以下是一个类数组对象的示例：
----- --- - - -- ---- -- ---- -- ---- ------- - --
ES10 中的新方法
ES10 中引入了一些新的方法，可以更方便地遍历类似数组的对象。
Array.from()
Array.from() 方法可以将类数组对象转换为数组。它接受一个类数组对象作为参数，并返回一个数组。
以下是一个使用 Array.from() 方法的示例：
----- --- - - -- ---- -- ---- -- ---- ------- - -- ----- --- - ---------------- ----------------- -- ----- ---- ----
Array.prototype.forEach()
Array.prototype.forEach() 方法可以遍历数组或类数组对象中的每个元素。它接受一个回调函数作为参数，回调函数将在每个元素上被调用。
以下是一个使用 Array.prototype.forEach() 方法的示例：
----- --- - - -- ---- -- ---- -- ---- ------- - -- --------------------------------- ----------------- - --------------------- ---
for...of 循环
for...of 循环可以遍历数组或类数组对象中的每个元素。它不需要使用 call() 方法。
以下是一个使用 for...of 循环的示例：
----- --- - - -- ---- -- ---- -- ---- ------- - -- --- ------ ------- -- ---- - --------------------- -
总结
ES10 中的新方法可以更方便地遍历类数组对象。使用 Array.from() 方法可以将类数组对象转换为数组，使用 Array.prototype.forEach() 方法和 for...of 循环可以遍历数组或类数组对象中的每个元素。
在实际开发中，我们经常需要遍历类数组对象，因此掌握这些方法是非常有用的。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65fabaf2d10417a22268a7ee