JSON 数据转换为 JavaScript 对象

最新推荐文章于 2024-09-24 22:01:07 发布

ANKG

最新推荐文章于 2024-09-24 22:01:07 发布

阅读量1.4k

点赞数 1

分类专栏： JavaScript 文章标签： JSON JS 转换

本文链接：https://blog.csdn.net/zhangank/article/details/95071012

版权

JavaScript 专栏收录该内容

23 篇文章 1 订阅

订阅专栏

本文详细介绍了JSON数据格式的基本规则，包括数据的键/值对形式、逗号分隔及大括号和方括号的使用。重点讲解了两种将JSON字符串转换为JavaScript对象的方法：推荐的JSON.parse()函数和eval()函数，并提供了具体的代码示例。

摘要由CSDN通过智能技术生成

一、介绍

JSON 语法规则

数据为键/值对。
数据由逗号分隔。
大括号保存对象
方括号保存数组

二、JSON 字符串转换为 JS(JSON)对象

方法一：JavaScript 内置函数 JSON.parse();——推荐！

首先，创建 JavaScript 字符串，字符串为 JSON 格式的数据：

<p id="demo"></p>
<script>
var text = '{"employees":[' +
   '{"firstName":"John","lastName":"Doe" },' +
   '{"firstName":"Anna","lastName":"Smith" },' +
   '{"firstName":"Peter","lastName":"Jones" }]}';
obj = JSON.parse(text);
document.getElementById("demo").innerHTML =
   obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>        // Anna Smith

方法二：JavaScript eval() 函数 （不验证内容是否符合JOSN格式，有函数会运行，不安全）

eval() 函数使用的是 JavaScript 编译器，可解析 JSON 文本，然后生成 JavaScript 对象。必须把文本包围在括号中。

<p>
名: <span id="fname"></span><br>
姓: <span id="lname"></span><br>
</p>
<script>
var txt = '{"employees":[' +
'{"firstName":"John","lastName":"Doe" },' +
'{"firstName":"Anna","lastName":"Smith" },' +
'{"firstName":"Peter","lastName":"Jones" }]}';

var obj = eval ("(" + txt + ")");

document.getElementById("fname").innerHTML=obj.employees[1].firstName
document.getElementById("lname").innerHTML=obj.employees[1].lastName
</script>