当前位置:首页 > 问答 > 正文

JavaScript JSON解析:js取json中数据—js取json数据中某个属性值的方法与实例

🔍 :

JSON解析基础

JavaScript JSON解析:js取json中数据—js取json数据中某个属性值的方法与实例

  • JSON.parse():将JSON字符串转为JS对象 📜→🔄
  • JSON.stringify():将JS对象转为JSON字符串 🔄→📜

获取JSON属性值

  • 点符号obj.key(静态属性)
    let data = { "name": "Alice", "age": 25 };
    console.log(data.name); // "Alice" 👩
  • 方括号obj["key"](动态属性/含特殊字符)
    let key = "age";
    console.log(data[key]); // 25 🎂

嵌套数据提取

  • 链式访问:obj.level1.level2
    let nestedData = { "user": { "profile": { "email": "alice@example.com" } } };
    console.log(nestedData.user.profile.email); // "alice@example.com" ✉️

安全访问(可选链)

JavaScript JSON解析:js取json中数据—js取json数据中某个属性值的方法与实例

  • 避免报错(ES2020+)
    console.log(nestedData?.user?.profile?.phone ?? "未填写"); // "未填写" ⚠️

实战示例

  • 解析API响应
    let apiResponse = '{"status": "success", "data": [1, 2, 3]}';
    let parsed = JSON.parse(apiResponse);
    console.log(parsed.data[0]); // 1 🚀

💡 小贴士

  • 检查属性是否存在:"key" in objobj.hasOwnProperty("key") 🔎
  • 遍历JSON数组:forEach()/map()
    参考自2025-07前端开发实践)

发表评论