使用JavaScript解析文本域并计算显示平均值

嘿，完全可以用单个JavaScript脚本搞定从数据提取、计算平均值到结果显示的全流程，不用拆分多个脚本~ 我给你梳理下思路和具体实现：

先明确需求细节 #

你的输入数据是按空格分隔的连续值，每9个值为一组，我们需要提取每组的第3个数值（比如示例里的31.2、34.2这些），然后计算它们的平均值，最后输出到另一个文本域。

具体实现代码 #

首先是HTML部分，假设你的表单结构是这样的：

<form>
  <label>输入数据:</label><br>
  <textarea id="inputData" rows="5" cols="80">1/5/8 18 31.2 0 1847550953 13013135 5598945 3.00e-01 1/5/9 18 34.2 0 1748942583 6401826 5598945 3.00e-01 1/5/10 18 34.6 0 1847550953 13013135 5598945 3.00e-01 1/5/11 18 34.4 0 1847550953 13013135 5598945 3.00e-01</textarea><br>
  <button type="button" onclick="calculateAverage()">计算平均值</button><br>
  <label>平均值结果:</label><br>
  <textarea id="resultData" rows="1" cols="20" readonly></textarea>
</form>

然后是核心的JavaScript函数，直接写在页面里就行：

function calculateAverage() {
  // 1. 获取输入文本域的内容
  const inputText = document.getElementById('inputData').value.trim();
  if (!inputText) {
    document.getElementById('resultData').value = '请输入数据';
    return;
  }

  // 2. 分割数据为数组，过滤空字符串（处理多空格/换行）
  const dataArray = inputText.split(/\s+/).filter(item => item !== '');
  const thirdColumnValues = [];

  // 3. 遍历数组，每9个元素取第3个（索引为2，因为数组从0开始）
  for (let i = 0; i < dataArray.length; i += 9) {
    // 确保当前组有足够的元素，并且第3个是数字
    if (i + 2 < dataArray.length && !isNaN(parseFloat(dataArray[i + 2]))) {
      thirdColumnValues.push(parseFloat(dataArray[i + 2]));
    }
  }

  // 4. 计算平均值
  if (thirdColumnValues.length === 0) {
    document.getElementById('resultData').value = '未找到有效数据';
    return;
  }
  const sum = thirdColumnValues.reduce((acc, val) => acc + val, 0);
  const average = sum / thirdColumnValues.length;

  // 5. 显示结果，可以保留两位小数更美观
  document.getElementById('resultData').value = average.toFixed(2);
}

代码解释 #

• 用split(/\s+/)按任意数量的空格/换行分割数据，避免多个空格导致的空元素问题
• 循环步长设为9，正好遍历每组数据，i+2就是每组的第3个元素（数组索引从0开始）
• 加入了空值判断和有效数字检查，避免数据格式错误导致的报错
• 用toFixed(2)把结果保留两位小数，也可以根据需求调整位数

你可以直接把这段代码放到你的页面里，点击按钮就能自动完成所有操作啦~

内容的提问来源于stack exchange，提问作者Michael