如何将小于20K的数组值拼接到字符串？代码返回NaN求助

我来帮你梳理下代码里导致NaN的核心问题，然后给出可运行的修复方案：

你的代码里的关键问题 #

1. 未正确获取DOM元素：你用document["less1" + und]是错误的，示例里的元素是在document.form1下的（比如document.form1.EActQ20.value），所以应该从form1对象里获取，而不是直接从document找。另外less1这类变量根本没定义就使用，直接导致了undefined判断逻辑失效。
2. 错误的求和逻辑：(["Q1B"+ und] * 1)这种写法是把字符串（比如"Q1B0"）转数字，非数字字符串转成数字就是NaN，几个NaN相加自然还是NaN。
3. 数组赋值覆盖：你反复给arr[und]赋值，会把之前的值覆盖掉，没法正确存储多个Q值。
4. 冗余重复的判断：代码里重复判断了less1，完全没必要。

修复后的代码（单个und值处理） #

假设你要处理某个特定的und值（比如0，范围小于20000），下面的代码可以正确收集表单值、存入数组并计算总和：

// 定义要处理的und值（可替换为0-19999之间的任意数）
const und = 0;
const resultArr = [];
const form = document.form1; // 先获取表单对象，简化后续操作

// 处理Q1对应的表单元素
const q1El = form["EActQ1" + und];
const q1Val = q1El && q1El.value.trim() !== "" ? Number(q1El.value) : 0;
resultArr[und * 4 + 0] = q1Val; // 每个und对应4个Q值，用索引避免覆盖

// 处理Q2对应的表单元素
const q2El = form["EActQ2" + und];
const q2Val = q2El && q2El.value.trim() !== "" ? Number(q2El.value) : 0;
resultArr[und * 4 + 1] = q2Val;

// 处理Q3对应的表单元素
const q3El = form["EActQ3" + und];
const q3Val = q3El && q3El.value.trim() !== "" ? Number(q3El.value) : 0;
resultArr[und * 4 + 2] = q3Val;

// 处理Q4对应的表单元素
const q4El = form["EActQ4" + und];
const q4Val = q4El && q4El.value.trim() !== "" ? Number(q4El.value) : 0;
resultArr[und * 4 + 3] = q4Val;

// 计算总和（此时不会出现NaN）
const total = q1Val + q2Val + q3Val + q4Val;
console.log(`当前und=${und}的总和：`, total);
console.log(`存储的数组：`, resultArr);

批量处理所有小于20000的und值 #

如果需要处理从0到19999的所有und值，用循环即可：

const maxUnd = 19999; // 小于20000的最大数值
const resultArr = [];
const form = document.form1;

for (let und = 0; und <= maxUnd; und++) {
  // 处理Q1
  const q1El = form["EActQ1" + und];
  const q1Val = q1El && q1El.value.trim() !== "" ? Number(q1El.value) : 0;
  resultArr[und * 4 + 0] = q1Val;

  // 处理Q2
  const q2El = form["EActQ2" + und];
  const q2Val = q2El && q2El.value.trim() !== "" ? Number(q2El.value) : 0;
  resultArr[und * 4 + 1] = q2Val;

  // 处理Q3
  const q3El = form["EActQ3" + und];
  const q3Val = q3El && q3El.value.trim() !== "" ? Number(q3El.value) : 0;
  resultArr[und * 4 + 2] = q3Val;

  // 处理Q4
  const q4El = form["EActQ4" + und];
  const q4Val = q4El && q4El.value.trim() !== "" ? Number(q4El.value) : 0;
  resultArr[und * 4 + 3] = q4Val;

  // 计算当前und的总和
  const total = q1Val + q2Val + q3Val + q4Val;
  console.log(`und=${und} 的总和：`, total);
}

关键修复点说明 #

• 正确获取DOM元素：通过form["EActQ1" + und]获取表单下的目标元素，和示例代码的结构一致。
• 安全转换数值：用Number()把表单值转成数字类型，同时判断元素是否存在、值是否为空，避免无效值导致NaN。
• 合理存储数组：用und*4 + 索引的方式分配数组位置，避免同一索引被反复覆盖。
• 直接数值求和：使用已经转好的数值变量相加，确保求和结果是有效数字。

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