如何将JavaScript对象的字符串表示转换为实际对象？

嘿，这个坑我之前也踩过！你说的没错——var data = "{ field1: 'Val1', field2: 'Val2' }"是个字符串，而var data = { field1: 'Val1', field2: 'Val2' }才是真正可操作的JavaScript对象，两者完全不是一个东西。针对你循环拼接字符串的场景，这里有几个靠谱的解决办法：

方法1：用JSON.parse()（推荐，前提是字符串符合JSON规范） #

JSON是JavaScript对象的严格语法子集，只要你拼接的字符串符合JSON格式，就能用JSON.parse()直接转成对象。注意JSON的核心要求：

• 对象的键必须用双引号包裹
• 字符串值也必须用双引号（不能用单引号）

所以你在循环拼接的时候，要把键和值都写成符合JSON的形式：

// 示例：循环拼接符合JSON规范的字符串
let dataStr = '{';
const fields = [['field1', 'Val1'], ['field2', 'Val2']];
for (let i = 0; i < fields.length; i++) {
  const [key, value] = fields[i];
  dataStr += `"${key}": "${value}"`;
  if (i !== fields.length - 1) dataStr += ',';
}
dataStr += '}';

// 转成实际对象
const dataObj = JSON.parse(dataStr);
console.log(dataObj.field1); // 输出 "Val1"

方法2：用eval()（不推荐，有安全风险） #

如果你实在没办法让字符串符合JSON规范，eval()可以直接执行字符串里的代码，把它转成对象。但要重点提醒：eval()会执行任何传入的代码，如果字符串里有恶意内容，会直接导致安全问题，所以只在你完全信任字符串来源的情况下用。另外要给字符串加个括号，不然eval()会把大括号当成代码块，而不是对象字面量：

const dataStr = "{ field1: 'Val1', field2: 'Val2' }";
const dataObj = eval('(' + dataStr + ')');
console.log(dataObj.field2); // 输出 "Val2"

方法3：直接循环构建对象（最优解！） #

其实最省心的办法是跳过字符串拼接这一步，直接在循环里往对象里加属性。这样既不用处理字符串转对象的麻烦，也完全没安全风险：

const dataObj = {};
// 假设你循环生成键和值
for (let i = 1; i <= 2; i++) {
  const key = `field${i}`;
  const value = `Val${i}`;
  dataObj[key] = value; // 直接给对象添加属性
}

console.log(dataObj); // 输出 { field1: 'Val1', field2: 'Val2' }

总结一下：优先用方法3直接构建对象，既高效又安全；如果必须用字符串，就把字符串拼成JSON格式用JSON.parse()；eval()尽量别碰，除非万不得已。

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