javascript - 使用 forEach、[].forEach.call(...) 或 Array.prototype.slice.call(...).forEach 迭代类似数组的对象？

Question

我们可以使用以下两种方法实现类数组对象的迭代:

let arrayLike = document.getElementsByClassName('dummy');

[].forEach.call(arrayLike, (e) => {
  console.log(e);
});

<div class = "dummy">Test1</div>
<div class = "dummy">Test2</div>

或者先使用slice将类数组对象转换为数组:

let arrayLike = document.getElementsByClassName('dummy');

Array.prototype.slice.call(arrayLike).forEach((e) => {
  console.log(e);
});

<div class = "dummy">Test1</div>
<div class = "dummy">Test2</div>

哪个更可取，为什么在我不需要转换后的类数组对象的情况下？第一个感觉有点“hacky”，但第二个感觉更具可读性。或者两者完全相同，这意味着两者都可以正常工作？

Answer 1

你可以拿Array.from并将类似对象的数组转换为真正的数组。然后迭代一些数组方法。

let array = Array.from(document.getElementsByClassName('dummy'));

array.forEach((e) => {
    console.log(e);
});

<div class = "dummy">Test1</div>
<div class = "dummy">Test2</div>