“[object Object]“ is not valid JSON 的解决方案

1 错误描述:

使用 JSON.parse()时,经常会提示:"[object Object]" is not valid JSON 。

“[object Object]“ is not valid JSON 的解决方案_第1张图片

有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

你可能感兴趣的:(json,前端)