通过 JSON 字符串来创建对象&通过eval()方法生成原生Javascript对象

最新推荐文章于 2024-02-18 09:59:49 发布

原创最新推荐文章于 2024-02-18 09:59:49 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JOSN

JSON 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个使用JSON数据创建JavaScript对象的实例。通过一个具体的HTML页面示例，展示了如何利用eval()方法将JSON字符串转换为JavaScript对象，并从该对象中读取特定属性值。

实例代码：

<html>
<body>
<h2>通过 JSON 字符串来创建对象</h3>
<p>
First Name: <span id="fname"></span><br />
Last Name: <span id="lname"></span><br />
</p>
<script type="text/JavaScript">
var txt = '{"employees":[' +
'{"firstName":"Bill","lastName":"Gates" },' +
'{"firstName":"George","lastName":"Bush" },' +
'{"firstName":"Thomas","lastName":"Carter" }]}';//employees对象是包含三个对象的数组；

var obj = eval ("(" + txt + ")");//eval()方法，用JSON数据生成原生Javascript对象；

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

运行结果：