JavaScript数组能否一个元素关联两个值？代码运行报错如何解决？

首先明确：完全可以让JavaScript数组的单个元素关联多个值，你写的数组结构（数组包含多个对象，每个对象通过属性存储多组值）是标准且正确的实现方式，这段数组定义代码本身没有语法错误。

你遇到的Cannot read properties of undefined (reading 'toString')错误，和数组的定义无关，问题出在后续遍历数组（具体是Array.map方法）的代码里：

• 错误提示显示在map回调中，你尝试对一个undefined值调用toString()方法，大概率是因为你访问了对象中不存在的属性（比如属性名拼写错误，把value1写成val1），或者遍历的数组中混入了undefined元素。

排查与修复步骤 #

• 检查map回调内的代码，确认所有访问的属性名（result、value1、value2）和数组定义中的属性名完全一致，没有笔误。
• 在map回调开头添加console.log(item)，打印当前遍历的元素，确认每个元素都是完整的对象，没有出现undefined。
• 若需要对属性值调用toString()，可以先做存在性判断，比如用可选链操作符：item.value1?.toString()，避免因属性不存在导致报错。

正确使用该数组的示例 #

// 遍历数组并格式化输出每个元素的属性值
const formattedList = ArrayName.map(item => {
  const resultText = item.result ?? '无结果';
  const value1Str = item.value1?.toString() ?? '0';
  const value2Str = item.value2?.toString() ?? '0';
  return `${resultText}: ${value1Str}, ${value2Str}`;
});

console.log(formattedList);

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