javascript - 从数组计算平均值并收到 NaN 错误

Question

我在尝试将对象从字符串数组转换为整数时遇到问题。我使用过 parseInt 和 parseFloat 但它们都不起作用。我是否需要以不同的方式构造数组声明或提示？

谢谢大家

var scores = [];

		document.writeln("<font face='arial' size=''><table border='1' style='border-collapse: collapse;'>")
		
		for(var i=1; i<=10; i++){
			scores[i] = prompt("Enter score " + i);
			document.writeln("<tr><td style='padding: 5px;'><b>Score " + i + "</b></td>");
			document.writeln("<td style='padding: 5px;' contenteditable='true'><center>" + scores[i] + "</center></td>");
			document.writeln("</tr>");
		}

		function Average(){
  			var sum = 0;
			for(var i = 0; i < scores.length; i++){
  	  			sum += parseInt(sum + scores[i]);
			}
			var avg = sum/scores.length;
			document.getElementById("average").innerHTML = ("Your score average is: " + avg);
		}

Answer 1

您正在使用 for 循环提示从 1 到 10，但在 Average 中计算总和，循环 0 到 9。分数 [0] 是 未定义 为它永远不会在提示循环中被分配一个值，当添加到其他数字时，它会导致 NaN 。另外，您在 parseInt 中添加 sum 是错误的。

这是固定代码:

   var scores = [];

    document.writeln("<font face='arial' size=''><table border='1' style='border-collapse: collapse;'>")

    for(var i=0; i<10; i++){
        scores[i] = prompt("Enter score " + (i+1));
        document.writeln("<tr><td style='padding: 5px;'><b>Score " + i + "</b></td>");
        document.writeln("<td style='padding: 5px;' contenteditable='true'><center>" + scores[i] + "</center></td>");
        document.writeln("</tr>");
    }

    function Average(){
        var sum = 0;
        for(var i = 0; i < scores.length; i++){
            sum += parseInt(scores[i]);
        }
        var avg = sum/scores.length;
        document.getElementById("average").innerHTML = ("Your score average is: " + avg);
    }

希望这有帮助!