json教程---JavaScript的eval函数转换json对象

最新推荐文章于 2024-04-26 08:29:47 发布

原创最新推荐文章于 2024-04-26 08:29:47 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#函数 #javascript #url #json #谷歌

JavaScript笔记专栏收录该内容

34 篇文章

订阅专栏

本文介绍了如何利用JavaScript内置的eval()函数将JSON格式的字符串转换为JavaScript对象，以进行数据处理。

使用JavaScript的eval()函数转换json字符串为JavaScript对象

JSON 实例 - 来自字符串的对象
创建包含 JSON 语法的 JavaScript 字符串：

var txt = '{ "sites" : [' +
'{ "name":"菜鸟教程" , "url":"www.runoob.com" },' +
'{ "name":"google" , "url":"www.google.com" },' +
'{ "name":"微博" , "url":"www.weibo.com" } ]}';
由于 JSON 语法是 JavaScript 语法的子集，JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。


eval() 函数使用的是 JavaScript 编译器，可解析 JSON 文本，然后生成 JavaScript 对象。必须把文本包围在括号中，这样才能避免语法错误：
var obj = eval ("(" + txt + ")");
在网页中使用 JavaScript 对象：
实例

var txt = '{ "sites" : [' +
'{ "name":"菜鸟教程" , "url":"www.runoob.com" },' +
'{ "name":"google" , "url":"www.google.com" },' +
'{ "name":"微博" , "url":"www.weibo.com" } ]}';

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

document.getElementById("name").innerHTML=obj.sites[0].name 
document.getElementById("url").innerHTML=obj.sites[0].url