1 错误描述:
使用 JSON.parse()时,经常会提示:"[object Object]" is not valid JSON 。
有2种解决方案:
1.1 不需要使用JSON.parse()方法
JSON.parse()
的工作是将 JSON 转换回 JavaScript,所以如果从服务器响应中获取 JSON,但在到达您的代码之前已经转换为 JavaScript了,就不需要 JSON.parse()
!
// ERROR! 已经是javascript
const obj = JSON.parse({ name: "my object" });
// Error: "[object Object]" is not valid JSON
// WORKS!
const obj = { name: "my object" };
1.2 先使用 JSON.stringify()
将对象转换为 JSON
JSON.parse()
将 JSON 转换为 JavaScript
JSON.stringify()
将 JavaScript 转换为 JSON
二者配套使用。
//配套使用
//1.放入时,使用JSON.stringify
cookie.set('yyt_ucenter',JSON.stringify(this.loginInfo))
//2.取出时,使用JSON.parse
var ucernterStr = JSON.parse(cookie.get('yyt_ucenter'))
2 故障排除
2.1 检查传递给 JSON.parse()
的内容是否为字符串
// 1、错误场景!
const result = { name: "my object" };
console.log(typeof result);
// 如果返回"object",调用JSON.parse会报 "[object Object]" is not valid JSON
const obj = JSON.parse(result);
// Error: "[object Object]" is not valid JSON
// 2、正确场景!
const result = `{ "name": "my object" }`;
console.log(typeof result);
// "string" 类型,可以正常调用JSON.parse()
const obj = JSON.parse(result);
2.2 检查字符串是否有效 JSON
如果您传递的字符串不是有效的 JSON,则调用JSON.parse()时,
更有可能收到如下错误,如下所示:
const result = "{ dushky }";
console.log(typeof result);
// "string" ✅
const obj = JSON.parse(result); // ❌
// Error: Expected property name or '}' in JSON at position 2