JQuery:将数字相乘到单独的数组,然后得到结果的总和

Posted

技术标签:

【中文标题】JQuery:将数字相乘到单独的数组,然后得到结果的总和【英文标题】:JQuery: Multiply numbers from to seperate arrays and then get the sum of the results 【发布时间】:2016-06-12 12:34:01 【问题描述】:

我有一个页面可以让学生计算他们的加权平均值。它的工作原理是学生在两个单独的表单字段中添加他们的成绩,然后他们可以根据需要添加尽可能多的表单字段行。基本计算是:(ECTS * 成绩)的总和/(ECTS 的总和)。

(注意:页面是丹麦语,所以有些语言不是英语。)

现在我用 php 进行计算,它们看起来像这样:

if($_POST['karakter'])

$karakter=$_POST['karakter'];

if($_POST['ects'])

$ects=$_POST['ects'];
$samletects = array_sum($ects);

for($i = 0; $i < count($karakter); $i++) 
    $result[] = $karakter[$i] * $ects[$i];

    $samletv = array_sum($result);
    $fulderesultat = ($samletv/$samletects);
    $afrundet = round($fulderesultat, 2);
if($_POST['karakter'])

echo "<h4>Dit vægtede gennemsnit er:</h4><p class='resultatet'>" . $afrundet . "</p>";
 else 
  echo "<h4>Dit vægtede gennemsnit er:</h4><p class='resultatet'>?</p>";

但是,我希望能够实时进行计算,这样您就不会在每次进行计算时丢失您添加到表格中的成绩。

这个小提琴展示了我如何添加表单字段 http://jsfiddle.net/Chrintz/sv513b5r/26/

现在的页面: http://snittet.dk/

我的问题和疑问是我如何在 Jquery 而不是 PHP 中进行计算。我已经想出了如何获得 ECTS 数组的总和:

http://jsfiddle.net/Chrintz/omccrobs/

但我不知道如何做这部分: (ECTS * 成绩)的总和

将一个数组的数字与另一个数组的相应数字相乘,然后得到新数组的数字之和。

我基本上需要帮助的是创建两个数组,一个包含成绩,一个包含 ECTS。然后我想将相应的值相乘,从而创建第三个数组。然后我想将第三个数组的值相加,然后除以 ects 数组的相加值

【问题讨论】:

needsmorejquery.com 等级值是多少?? 我不知道你的意思,但“karakter”是“等级” Kooilnc 提供的答案有你需要的一切,并且可读性更好(+1-ed),但只是为了好玩:在后台有以下小提琴:jsfiddle.net/omccrobs/2 【参考方案1】:

这里有很多(客户端)解决方案。例如:将输入元素转换为 Array 元素并应用 Array.map/Array.reduce 进行计算。

类似(根据值变化自动计算):

calculate();

// autocalculate
$('body').on('keyup', 'input', calculate);

function calculate(e) 
  var grades    = $('#grades input').toArray();
  var ects      = $('#ects input').toArray();
  
  // calculate values
  var totalEcts = ects.map( function (ectsInput) return +ectsInput.value || 0; )
                      .reduce( function (p, n) return p + n;, 0 );
  var meanGrade = grades
                   .map( function (gradeInput) return +gradeInput.value || 0; )
                   .reduce( function (p, n) return p+n;, 0 ) / grades.length;
  var weighted  = grades
                   .map( 
                    function (gradeInput, i) 
                      return (+gradeInput.value || 0) * (+this[i].value || 0);
                    , ects)
                   .reduce( function (p, n) return p + n;, 0 ) / 
                      (totalEcts > 0 ? totalEcts : 1) // avoid division by zero
  
  // display calculated values
  $('#meanGrade').html( 'mean: ' + meanGrade.toFixed(2) );
  $('#totalECTS').html( 'total: ' + totalEcts );
  $('#weightedMean').html( 'sum(grade * ects) / sum(ects): ' + weighted.toFixed(2));
body font: 12px/15px normal verdana, arial; margin: 2em;
input width: 3em; margin-bottom: 0.3em;
#grades float:left; margin-right: 3em;
#meanGrade, #totalECTS, #weightedMean font-weight: bold; color: green
#weightedMean display: inline-block; border-top: 1px dotted #777; margin-top: 0.5em;);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="grades">Grades<br>
    <input type="text" class="karakter input" value="5.4"/><br>
    <input type="text" class="karakter input" value="6.2"/><br>
    <input type="text" class="karakter input" value="7.0"/><br>
    <input type="text" class="karakter input" value="6.9"/><br>
    <input type="text" class="karakter input" value="4.3"/><br>
    <span id="meanGrade"> </span>
</div>
<div id="ects">ECTS<br>
    <input type="text" class="ECTS input" value="5"/><br>
    <input type="text" class="ECTS input" value="10"/><br>
    <input type="text" class="ECTS input" value="5"/><br>
    <input type="text" class="ECTS input" value="5"/><br>
    <input type="text" class="ECTS input" value="15"/><br>
    <span id="totalECTS"> </span>
</div>
<p id="weightedMean"></p>

顺便说一句:我不明白您所说的(ECTS * 成绩)的总和是什么意思。你能详细说明一下吗?我从事教育工作,不知道有任何司法系统会进行这样的计算。

【讨论】:

感谢您的回答,我可以尝试详细说明:(ECTS * Grade)+(ECTS * Grade)+(ECTS * Grade) = (ECTS * Grades) 的总和 Så 我乘以 ECTS与相应的成绩,然后将各个结果加在一起。希望这更有意义。如果我们说一个学生获得了 7 年级,并且 i 年级加权 5 ECTS,另一个 12 年级加权 10 ECTS,计算将是:(7 * 5 + 12 * 10) / (5 + 10) = 10.33 嗨@Christoffer,谢谢,这说明了你想要做什么。 为 sn-p 添加了 map/reduce 解决方案 非常感谢,非常完美!当我为空时,有没有办法让它写出“0”而不是 NaN? 对于空值,您可以使用(例如):+gradeInput.value || 0+ectsInput.value || 0。如果所有值都为空(或无效数字),则总数(来自 reduce)应为 0。在这种情况下,您应检查 totalects 是否不为 0,以避免在最后一次计算中除以零。

以上是关于JQuery:将数字相乘到单独的数组,然后得到结果的总和的主要内容,如果未能解决你的问题,请参考以下文章

如何在 MIPS 中将两个数字相乘,得到大于 32 位的乘积?

如何使用 jquery 将 2 列数据表相乘和求和? - 数据表

将两个32位数相乘并将64位结果打印为十进制NASM程序集

请问JavaScript中如何处理数字和字符串相乘的情况?

与 long 相乘时,数字的输出如何变化?

如何在不使用 *、-、/、% 等标准运算符的情况下将数字与 3.5 相乘?