Как применить replace для данных полученных через querySelectorAll?

Question

[I'm Yoda]

Привет знатоки!
Есть грубо говоря такая структура

<span class="result">12 раз</span>
<span class="result">5 раз</span>
<span class="result">89 раз</span>
<span class="result">37 раз</span>

Получил данные спаны, в консоль выводятся и т.д.
var items = document.querySelectorAll('.result')
Для дальнейшей работы хочу посчитать общий результат и зашел в тупик. Каким образом применить регулярку чтоб избавиться от ' раз'?
В js не силен, так что буду рад любой помощи, советам и критике!

Answer 1

[I'm Yoda]

Всем большое спасибо! Разобрался сам!
Надо использовать [].forEach.call(items, function (el)

Comments

[Виталий]

в мозилке нодлист не имеет forEach, потому надо делать через вызов метода массива, как ты показал, в хроме можно явно

let elems  = document.querySelectorAll(selector);
if(elems)
    elems.forEach((elem)=>{ /* ... */});

Answer 2

[Abcdefgk]

var collection = ['1 раз','2 раз','3 раз','1 раз','1 раз'];

function foo(collect, callback) {
	var res = [];
	for(var i=0; i<collect.length; i++) {
		var arr = collect[i].split(' ');
		res.push(+arr[0]);
	}
	callback(res);
}
foo(collection, function(res) {
	var sum = 0;
	res.forEach(function(i) {
		sum += i;
	});
	console.log(sum);
});

Comments

[Bhudh]

Будет интересно, если кто-то решит использовать неразрывные пробелы вместо обычных.
Вычленять числа лучше через parseInt или /\d+/.

[Abcdefgk]

Bhudh: Совершенно согласен, чё. Можно было и одной строчкой ограничиться res.push(parseInt(collect[i])); - но я про колбек упражнение выполнял.