JSON 数据转换为 JavaScript 对象

2024-06-27 16:17:51

一、介绍

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>

JSON 数据转换为 JavaScript 对象相关推荐

JSON数据与JavaScript对象转换
使用JSON时,最基本的工作就是JSON数据与JavaScript对象之间的互相转换.如浏览器从服务器端获得JSON数据,然后转换为JavaScript对象在网页输出. SON: JavaScrip ...
将JSON格式数据转换为javascript对象 JSON.parse()
<html> <body> <h2>通过 JSON 字符串来创建对象</h3> <p> First Name: <span id=&q ...
使用jQuery将表单数据转换为JavaScript对象
如何将表单的所有元素转换为JavaScript对象? 我希望有一些方法可以自动从表单中构建JavaScript对象,而不必遍历每个元素. 我不需要$('#formid').serialize();返回 ...
js值发送给php,将JSON数据从Javascript发送到PHP？
将JSON数据从Javascript发送到PHP? 如何将JSON数据从浏览器中的Javascript发送到服务器,然后让PHP在其中解析? 10个解决方案 56 votes 我在这里获得了很多信息, ...
java数组里套数组_用JAVA进行Json数据解析（对象数组的相互嵌套）
这段时间我们在做一个英语翻译软件的小小小APP,涉及到了对Json数据的解析,所以特地来总结一下! 假设我们要对如下数据进行解析,其实在平时,返回的Json数据是很乱的,很难分清数据的关系,这是经过相 ...
Gson转换 — json数据转换为Object实体公共方法
Gson转换 - json数据转换为Object实体最近在做远程接口调用时,需要对数据进行加解密,因此返回的参数统一为以下json格式 {"code":0,"msg&q ...
7、JSON数据和Java对象的相互转换（客户端和服务器对象数据通讯用）
JSON数据和Java对象的相互转换需要使用JSON解析器(它是封装好的工具类),我们测试用用jackson * 常见的解析器:Jsonlib,Gson(谷歌),fastjson(阿 ...
java json转抽象对象_做一次面向对象的体操：将 JSON 字符串转换为嵌套对象的一种方法...
原标题:做一次面向对象的体操:将 JSON 字符串转换为嵌套对象的一种方法来源:琴水玉 , www.cnblogs.com/lovesqcc/p/9478678.html 程序员共读整理发布,转载请 ...
Python：json数据与Python对象之间的转换
json数据与Python对象之间的转换 1.前面介绍了在Python中如何处理json数据,主要使用了以下几个方法 ⑴dumps():将Python对象转换为JSON格式的字符串 ⑵ ...

最新文章

热门文章