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

Question

In order to take a specific value from an array element I use this:

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

if I want to take the next value I have to replace the 0 with 1 etc.

Is it possible to use the same command and take all the values from the array using something like this:

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

Answer 1

You can use the Array.map() function:

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

EDIT

If your environment does not support arrow functions, you can use map with a plain function too:

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

Answer 2

Use Array.from()

The Array.from() method creates a new Array instance from an array-like or iterable object.

with Array.prototype.forEach()

The forEach() method executes a provided function once for each array element.

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