javascript - 如何将每个 'querySelectorAll' 元素提取到 'for of' 循环中的不同变量

Question

在 for of 循环中，我想为每个 DOM 元素创建一个不同的变量(以迭代数结尾)，以便稍后使用它们:

for ( let i of document.querySelectorAll('.formClient.error') ) {
      var elem+iteractionNumber = i
}

我不预先知道我将获得多少元素，并且我不想创建全局变量(此代码片段将在预定义的有限范围内使用，我不想污染全局范围)。

Answer 1

我想你可以做这样的事情:

window['someprefix_' + i] = i;

但这确实不是一个好方法。

你可以将 this is 存储为一个对象，这样会更好:

var hash = {};
// the loop
for ( let i of document.querySelectorAll('.formClient.error') ) {
  hash[i] = i;
}

如果您正在使用 ES6 功能，您可以做得更好，使用 Array 的 foreach :

let hash = {};
[].forEach.call(document.querySelectorAll('.formClient.error'), (item, index) => {
    hash[index] = item;
})