Javascript 向数组中存储的元素添加类的更简洁的方法？

我正在创建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');
}

然而，这种重复似乎并不干燥。有没有更简短的方式来写这个

---

我可以创建一个项目数组，然后在数组中循环，将类添加到每个项目中，但我认为这样做会适得其反，因为我的代码简明易懂

扩展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'));

---

扩展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'));

---

[item1，item1，item3].forEach（x=>x.classList.add（'item--animating'））

如果它们位于同一父级下，则可以将此类添加到父级并更新CSSaccordingly@Rajesh，但为什么要降级到

className+=

？这与间距类有关。

[item1，item1，item3].forEach（x=>x.classList.add（'item--animating'））

如果它们位于同一父级下，则可以将此类添加到父级并更新CSSaccordingly@Rajesh，但为什么要降级到

className+=

？这与间距类有关。