javascript - 将类添加到存储在数组中的元素的更简洁的方法？

Question

我创建了 3 个元素，稍后在我的代码中我需要向每个元素添加相同的类。目前我这样做并且工作正常:

const item1 = document.createElement('div');
const item2 = document.createElement('div');
const item3 = document.createElement('div');

// later on in the code

function addClasses() {
  item1.classList.add('item--animating');
  item2.classList.add('item--animating');
  item2.classList.add('item--animating');
}

然而，这样的重复似乎不太干。有没有更短的写法？

我可以创建一个项目数组，然后循环遍历数组，将类添加到每个项目中，但我认为这会适得其反，使我的代码简洁且易于推理。

Answer 1

扩展 Rajesh 的答案:

const item1 = document.createElement('div');
const item2 = document.createElement('div');
const item3 = document.createElement('div');
const allItems = [item1, item2, item3];

allItems.forEach(x => x.classList.add('item--animating'));