JSON.stringify处理后获取对象属性返回undefined问题求助

哈哈，这个问题我刚学JS的时候也踩过一模一样的坑！核心原因其实很简单：你把JSON字符串当成JavaScript对象来用了。

给你拆解下整个过程：

• 当你执行const x = JSON.stringify(someData)时，x已经从原本的JS对象变成了JSON格式的字符串——就是你打印出来的{"name":"myname","id":"12345"}，本质上它只是一串文本，不是能直接访问属性的对象。
• 字符串类型本身并没有name这个属性，所以你调用x.name的时候，JS找不到对应的属性，自然就返回undefined了。

两种解决方法： #

1. 把字符串解析回对象（如果你确实需要先做stringify操作的话）
   用JSON.parse()方法把JSON字符串转回JS对象，之后就能正常访问属性了：

const x = JSON.stringify(someData);
const parsedObj = JSON.parse(x);
console.log(`dataname: ${parsedObj.name}`); // 这里会输出"myname"

2. 直接访问原对象（更高效的方式）
   如果不是必须要把对象转成字符串，那完全可以跳过JSON.stringify这一步，直接用原对象的属性：

console.log(`dataname: ${someData.name}`); // 直接就能得到"myname"

小技巧：你可以用typeof x验证类型，执行后会返回"string"，这就能明确知道x是字符串而非对象啦。

内容的提问来源于stack exchange，提问作者Leo Messi