如果你想让你的JSON有一个经过验证的Typescript类型，你需要自己做这个验证工作。这并不是什么新鲜事。在纯Javascript中，也需要这样做。

验证

我喜欢将我的验证逻辑表示为一组“转换”。我将描述符定义为转换的映射:

type Descriptor<T> = {
  [P in keyof T]: (v: any) => T[P];
};

然后我可以创建一个函数，将这些变换应用于任意输入:

function pick<T>(v: any, d: Descriptor<T>): T {
  const ret: any = {};
  for (let key in d) {
    try {
      const val = d[key](v[key]);
      if (typeof val !== "undefined") {
        ret[key] = val;
      }
    } catch (err) {
      const msg = err instanceof Error ? err.message : String(err);
      throw new Error(`could not pick ${key}: ${msg}`);
    }
  }
  return ret;
}

现在，我不仅验证我的JSON输入，而且我正在构建一个Typescript类型。上述泛型类型确保结果从“转换”推断出类型。

如果转换抛出错误(这是实现验证的方式)，我喜欢用另一个错误来包装它，显示是哪个键引起了错误。

使用

在你的例子中，我会这样使用:

const value = pick(JSON.parse('{"name": "Bob", "error": false}'), {
  name: String,
  error: Boolean,
});

现在value将被类型化，因为String和Boolean都是“转换器”，它们接受输入并返回类型化输出。

而且，该值实际上就是该类型。换句话说，如果name实际上是123，它将被转换为“123”，这样您就有了一个有效的字符串。这是因为我们在运行时使用了String，这是一个接受任意输入并返回字符串的内置函数。

你可以看到它在这里工作。试试下面的方法来说服自己:

将鼠标悬停在const值定义上，查看弹出窗口显示正确的类型。 尝试将“Bob”更改为123并重新运行示例。在控制台中，您将看到名称已正确地转换为字符串“123”。

JSON。parse在TypeScript中是可用的，所以你可以直接使用它:

JSON.parse('{"name": "Bob", "error": false}') // Returns a value of type 'any'

但是，您经常希望在解析JSON对象时确保它匹配某个类型，而不是处理any类型的值。在这种情况下，您可以定义如下函数:

function parse_json<TargetType extends Object>(
  json: string,
  type_definitions: { [Key in keyof TargetType]: (raw_value: any) => TargetType[Key] }
): TargetType {
  const raw = JSON.parse(json); 
  const result: any = {};
  for (const key in type_definitions) result[key] = type_definitions[key](raw[key]);
  return result;
}

这个函数接受一个JSON字符串和一个包含加载所创建对象的每个字段的单独函数的对象。你可以这样使用它:

const value = parse_json(
  '{"name": "Bob", "error": false}',
  { name: String, error: Boolean, }
);

是的，在TypeScript中这有点棘手，但你可以像这样做下面的例子

let decodeData = JSON.parse(' ${jsonResponse} ');

嘿，如果你对json对象进行typeof，结果是typescript类型的字符串。你可以在这里阅读更多:Typescript:字符串和字符串的区别

所以试试这个方法，它会起作用的

JSON.parse(String({"name": "Bob", "error": false}))

Typescript是javascript的超集，所以你只需要使用JSON。像在javascript中那样解析:

let obj = JSON.parse(jsonString);

只有在typescript中，你才能有结果对象的类型:

interface MyObj {
    myString: string;
    myNumber: number;
}

let obj: MyObj = JSON.parse('{ "myString": "string", "myNumber": 4 }');
console.log(obj.myString);
console.log(obj.myNumber);

(操场上的代码)

有一个很棒的ts-json-object库

在你的情况下，你需要运行以下代码:

import {JSONObject, required} from 'ts-json-object'

class Response extends JSONObject {
    @required
    name: string;

    @required
    error: boolean;
}

let resp = new Response({"name": "Bob", "error": false});

这个库将在解析之前验证json