从同一命令中的数组中获取所有值

Question

为了从数组元素中获取特定值，我使用：

document.querySelectorAll('li[dat*="era"] ul li.title div')[0].textContent

如果我想取下一个值，我必须用0等替换0。

是否可以使用相同的命令并使用以下内容从数组中获取所有值：

document.querySelectorAll('li[dat*="era"] ul li.title div')[0:40].textContent

Answer 1

您可以使用Array.map()功能：

document.querySelectorAll('li[dat*="era"] ul li.title div').map(x => x.textContent);

修改

如果您的环境不支持箭头功能，您也可以使用带普通功能的地图：

document.querySelectorAll('li[dat*="era"] ul li.title div').map(function(x) {
    return x.textContent
});

Answer 2

使用Array.from()

  

Array.from（）方法从类似数组或可迭代的对象创建一个新的Array实例。

Array.prototype.forEach()

  

forEach（）方法为每个数组元素执行一次提供的函数。

Array.from(document.querySelectorAll('li[dat*="era"] ul li.title div')).forEach(function (currentValue, index, array) {
    // your code
});