如何在Typescript中解析JSON字符串

Question

在typescript中有没有一种方法可以将字符串解析为JSON。
示例：在JS中，我们可以使用JSON.parse()。在Typescript中有类似的功能吗？

我有一个JSON对象字符串，如下所示：

{"name": "Bob", "error": false}

Answer 1

您可以继续使用json.parse，因为TS是一个JS超集。仍然存在一个问题:json.parse返回any，这破坏了类型安全。以下是两个更强类型的选项：

自定义类型保护是最简单的解决方案，通常足以进行外部数据验证：

// For example, you expect to parse a given value with `MyType` shape
type MyType = { name: string; description: string; }

// Validate this value with a custom type guard
function isMyType(o: any): o is MyType {
  return "name" in o && "description" in o
}

围绕json.parse创建一个泛型包装器，它接受一个类型保护作为输入，并返回解析的、类型化的值或错误结果：

const safeJsonParse = <T>(guard: (o: any) => o is T) => 
  (text: string): ParseResult<T> => {
    const parsed = JSON.parse(text)
    return guard(parsed) ? { parsed, hasError: false } : { hasError: true }
  }

type ParseResult<T> =
  | { parsed: T; hasError: false; error?: undefined }
  | { parsed?: undefined; hasError: true; error?: unknown }

const json = '{ "name": "Foo", "description": "Bar" }';
const result = safeJsonParse(isMyType)(json) // result: ParseResult<MyType>
if (result.hasError) {
  console.log("error :/")  // further error handling here
} else {
  console.log(result.parsed.description) // result.parsed now has type `MyType`
}

SafeJsonParse可能扩展为fail fast或try/catchjson.parse错误。

如果需要验证许多不同的值，手动编写类型保护函数将变得非常麻烦。有一些库可以帮助完成这项任务--示例（没有全面的列表）：

• IO-TS:具有FP-TS对等依赖关系，使用函数式编程风格
• ZOD:与IO-TS
相比，力求更加过程化/面向对象
• typescript-is:编译器API的TS转换器，需要额外的包装器，如ttypescript
• typescript-json-schema/ajv:从类型创建JSON模式，并用ajv
验证它

null