javascript - 如何将带有双引号反斜杠的 JSON 字符串转换为 Javascript 对象

Question

我从服务器获取响应 json 字符串，如下所示:

$scope.text = '{"response":"{\"firstName\":\"John\",\"age\":454 }"}';

如何在 Angular 模板页面中使用$scope.text，如下所示:

{{text.response.age}}

这是我的演示 Demo

Answer 1

$scope.text = '{"response":"{\"firstName\":\"John\",\"age\":454 }"}';

这里的问题是这不是 JSON。

单独:

{"response":"{\"firstName\":\"John\",\"age\":454 }"}

…是 JSON。

但是，一旦将其包装在 JavaScript 字符串文字中，\ 就会用作 JavaScript 字符串文字的转义字符，并在出现在 JSON 中之前被消耗。

生成嵌入JS的JSON时，需要对JS中具有特殊含义的字符进行转义:

$scope.text = '{"response":"{\\"firstName\\":\\"John\\",\\"age\\":454 }\"}';

重新设计你的数据结构也是一个好主意，这样你的 JSON 首先就不包含 JSON 字符串:

$scope.text = '{"response": {"firstName":"John","age":454}}';