js如何解析未加引号的json

解析：JavaScript如何处理未加引号的JSON字符串**

在JavaScript开发中，我们经常需要处理JSON（JavaScript Object Notation）格式的数据，标准的JSON格式对字符串有严格要求，即所有属性名和字符串值都必须使用双引号（）包裹，在某些场景下，我们可能会遇到未加引号的JSON字符串，例如一些非严格遵循JSON规范的配置文件、旧系统数据或特定场景下的简化表示，JavaScript如何解析这种未加引号的JSON字符串呢？本文将探讨这个问题。

标准JSON.parse()的局限性

我们需要明确JavaScript内置的JSON.parse()方法的行为。JSON.parse()是严格遵循JSON规范（ECMA-404）的，这意味着，如果传入的字符串中属性名或字符串值未使用双引号包裹，它将抛出SyntaxError异常。

const unquotedJsonString = `{name: "John", age: 30, city: 'New York'}`;
try {
  const parsed = JSON.parse(unquotedJsonString);
  console.log(parsed);
} catch (error) {
  console.error("JSON.parse 解析失败:", error.message);
}
// 输出: JSON.parse 解析失败: Unexpected token n in JSON at position 1 (这里的 'n' 指的是 "name" 的 'n')

在上面的例子中，name和city的属性名以及city的值都未使用标准JSON要求的双引号，因此JSON.parse()无法解析。

解析未加引号JSON的几种方法

既然JSON.parse()直接行不通，我们需要寻求其他方法来处理未加引号的JSON字符串,以下是几种常见的解决方案：

使用 Function 构造函数（不推荐，有安全风险）

JavaScript的Function构造函数可以动态执行代码，我们可以将未加引号的JSON字符串包装在一个代码块中，然后通过new Function()将其转换为一个函数并执行,从而得到解析后的对象。

const unquotedJsonString = `{name: "John", age: 30, city: 'New York'}`;
try {
  const parsed = new Function('return ' + unquotedJsonString)();
  console.log(parsed);
  // 输出: { name: 'John', age: 30, city: 'New York' }
} catch (error) {
  console.error("Function 构造函数解析失败:", error.message);
}

⚠️ 重要安全提示： 这种方法存在严重的安全风险，因为它会执行字符串中的任意JavaScript代码，如果字符串内容来自不可信的来源（如用户输入、网络请求等），攻击者可能注入恶意代码，导致XSS（跨站脚本攻击）或其他安全漏洞。除非你100%信任数据来源，否则绝对不要使用这种方法。

使用第三方库（推荐）

在实际开发中，处理非标准JSON格式最安全、最可靠的方式是使用专门的第三方库，这些库通常对语法更宽容，提供了比JSON.parse()更灵活的解析选项。

常用的库有：

1. JSON5: JSON5是JSON的一个扩展，它支持更宽松的语法,包括：

   • 对象的属性名可以使用单引号或双引号，也可以不加引号（只要符合标识符规则）。
   • 字符串值可以使用单引号或双引号。
   • 允许注释。
   • 允许尾随逗号。

   使用示例：

   import JSON5 from 'json5'; // 或 require('json5')
   const unquotedJsonString = `{name: "John", age: 30, city: 'New York', hobbies: ['reading', 'gaming'], married: false}`;
   try {
     const parsed = JSON5.parse(unquotedJsonString);
     console.log(parsed);
     // 输出: { name: 'John', age: 30, city: 'New York', hobbies: ['reading', 'gaming'], married: false }
   } catch (error) {
     console.error("JSON5 解析失败:", error.message);
   }

   JSON5是一个很好的选择，因为它旨在成为JSON的超集，保留了JSON的简洁性,同时增加了灵活性。

2. graceful-json: 另一个专门用于“优雅”解析JSON的库,它可以处理一些常见的语法错误和非标准格式。

预处理字符串（手动或正则）

如果不想引入第三方库，并且数据来源可控，可以考虑对未加引号的JSON字符串进行预处理，将其转换为标准的JSON格式，然后再使用JSON.parse()。

这通常涉及：

1. 使用正则表达式匹配未加引号的属性名和字符串值,并给它们加上双引号。
2. 处理单引号字符串,将其中的单引号转义或替换为双引号。

示例（仅处理未加引号的属性名和单引号字符串值）：

const unquotedJsonString = `{name: "John", age: 30, city: 'New York', 'zip-code': 10001}`;
// 预处理：给未加引号的属性名加上双引号，并将单引号字符串值转为双引号
let processedString = unquotedJsonString
  .replace(/(\w+)\s*:/g, '"$1":') // 处理未加引号的属性名
  .replace(/:\s*'([^']*)'/g, ':"$1"'); // 处理单引号字符串值
console.log("预处理后的字符串:", processedString);
// 输出: 预处理后的字符串: {"name": "John", "age": 30, "city": "New York", "zip-code": 10001}
try {
  const parsed = JSON.parse(processedString);
  console.log("解析结果:", parsed);
  // 输出: 解析结果: { name: 'John', age: 30, city: 'New York', 'zip-code': 10001 }
} catch (error) {
  console.error("预处理后 JSON.parse 解析失败:", error.message);
}

注意事项：

• 这种方法需要你对未加引号JSON的具体格式有清晰的了解，并且正则表达式可能非常复杂，难以覆盖所有边界情况（如嵌套对象、属性名中的特殊字符等）。
• 维护这样的预处理逻辑成本较高,容易出错。

总结与最佳实践

最佳实践建议：

1. 优先使用标准JSON格式：在数据交换和存储时，尽量生成和遵循标准的JSON格式,避免后续解析的麻烦。
2. 如果必须处理未加引号JSON，首选成熟的第三方库：如JSON5，它们经过了充分测试，能安全、高效地处理各种非标准情况。
3. 绝对避免使用Function构造函数来解析来自不可信源的JSON字符串，这是典型的“代码注入”风险点。
4. 仅在数据来源完全可控且格式极其简单时，才考虑使用正则等预处理方法,并务必进行充分测试。

通过选择合适的方法，我们可以在保证安全性和可靠性的前提下，灵活地处理未加引号的JSON字符串,满足各种复杂的开发需求。