Получить сумму чисел внутри одной переменной

Question

Можно ли добавить разные числа внутри one variable?

Пример:

$( ".list .task" ).each( function( ){	
  var GetScore =	$( this ).text();
  console.log(GetScore);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 
 <div class="list">
  <div class="task">1</div>
</div>
<div class="list">
  <div class="task">2.2</div>
</div>
<div class="list">
  <div class="task">4</div>
</div>
<div class="list">
  <div class="task">9.3</div>
</div>

Таким образом, я получаю числа в одной переменной, но как их теперь добавить? Или нужно сделать переменную для каждого ".task" числа?

Answer 1

Сначала вы объявляете переменную для начального значения.
Затем внутри функции вы добавляете к этому значению каждое число, если оно существует.

var GetScore = 0; // initial value

$( ".list .task" ).each( function(){    
    GetScore += parseFloat($(this).text()) || 0;
});

console.log(GetScore); // 16.5

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="list">
  <div class="task">1</div>
</div>
<div class="list">
  <div class="task">2.2</div>
</div>
<div class="list">
  <div class="task">4</div>
</div>
<div class="list">
  <div class="task">9.3</div>
</div>

Answer 2

Пожалуйста, прочитайте о JavaScript Массивы . Альтернативные и лучшие практики для ваших нужд - создайте переменную и назовите ее как total, начните со значения 0. Затем для каждого jQuery .each l oop добавьте значение элемента в переменную total. Например:

var total = 0;

$( ".list .task" ).each( function(){    
    total += parseInt($( this ).text());
});

console.log(total);