JSON 字符串转换为 JavaScript 对象

frankxu

JSON 字符串转换为 JavaScript 对象

通常我们从服务器中读取 JSON 数据，并在网页中显示数据。

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

1. var text = '{ "sites" : [' +
   
2. '{ "name":"sanmu" , "url":"www.sanmulink.com" },' +
   
3. '{ "name":"Google" , "url":"www.google.com" },' +
   
4. '{ "name":"Taobao" , "url":"www.taobao.com" } ]}';

复制代码

然后，使用 JavaScript 内置函数 JSON.parse() 将字符串转换为 JavaScript 对象:

1. var obj = JSON.parse(text);

复制代码

最后，在你的页面中使用新的 JavaScript 对象：实例

1. var text = '{ "sites" : [' +
   
2.     '{ "name":"sanmu" , "url":"www.sanmulink.com" },' +
   
3.     '{ "name":"Google" , "url":"www.google.com" },' +
   
4.     '{ "name":"Taobao" , "url":"www.taobao.com" } ]}';
   
5.    
   
6. obj = JSON.parse(text);
   
7. document.getElementById("demo").innerHTML = obj.sites[1].name + " " + obj.sites[1].url;

复制代码

相关函数

函数	描述
JSON.parse()	用于将一个 JSON 字符串转换为 JavaScript 对象。
JSON.stringify()	用于将 JavaScript 值转换为 JSON 字符串。