遍历对象数组并处理数据格式：将字符串转数字、字符串化数组转为可遍历结构以生成表格

首先，你当前的代码有几个容易踩的小坑：

• newData 定义在函数调用之后，会直接触发「变量未定义」的错误
• ParseData 函数没有返回值，所以你用 console.log 打印的结果会是 undefined
• 这个函数只处理单个对象，但你要处理的是一整个对象数组

下面是修正并优化后的方案，完美实现你要的：把字符串数字转数值、字符串格式的数组转成真实可遍历的数组，同时清理掉无用符号：

完整代码示例 #

// 先定义数据，确保调用函数时变量已存在
const newData = [
  { apac: "[\"CN\",\"JP\"]", brand: '1', brands: '1183' },
  { apac: "[\"CN\",\"JP\"]", brand: '1', brands: '1183' },
];

function parseDataArray(dataArray) {
  return dataArray.map(obj => {
    const processedObj = {};
    Object.keys(obj).forEach(key => {
      let value = obj[key];
      // 先移除前后无用的空白符号，若有其他特定无用符号可自行添加替换规则
      value = value.trim();
      
      try {
        // 用JSON.parse自动处理：字符串数字转数值、字符串数组转真实数组
        processedObj[key] = JSON.parse(value);
      } catch (e) {
        // 遇到非JSON格式的普通字符串时，保留原内容避免报错
        processedObj[key] = value;
      }
    });
    return processedObj;
  });
}

// 调用函数并获取处理后的数据
const processedData = parseDataArray(newData);
console.log(processedData);

代码说明 #

• 变量顺序修正：先定义 newData 再调用处理函数，从根源避免未定义错误
• 数组遍历处理：使用 map 遍历整个对象数组，返回全新的处理后数组（不修改原数据，更安全）
• 无用符号清理：用 trim() 去掉字符串前后的空白符，如果有其他特定无用符号（比如多余的引号、括号），可以用 replace(/[指定符号]/g, '') 来批量移除
• 容错处理：用 try/catch 包裹 JSON.parse，避免遇到非JSON格式字符串时崩溃，保证代码健壮性
• 自动类型转换：JSON.parse 会自动把 "1" 转成数值 1，把 "[\"CN\",\"JP\"]" 转成真实数组 ["CN", "JP"]

处理后的数据结构 #

运行代码后，processedData 的结构会是：

[
  { apac: ["CN", "JP"], brand: 1, brands: 1183 },
  { apac: ["CN", "JP"], brand: 1, brands: 1183 }
]

这个结构可以直接用来生成表格（不管是原生HTML表格还是前端框架的表格组件都能直接适配）。

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