json（2）---前端如何处理json数据

最新推荐文章于 2025-07-19 09:15:41 发布

原创最新推荐文章于 2025-07-19 09:15:41 发布 · 1.2w 阅读

7 ·

CC 4.0 BY-SA版权

json 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了JSON数据结构的基础知识，包括数字、字符串、布尔值、null、数组和对象等基本数据类型，并通过实例展示了如何声明这些数据类型及如何访问其中的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

json中的数据类型分为：数字、字符串、布尔、null、数组和对象

用 [] 括起来的是数组，用 { } 括起来的都是对象

声明一个对象如下：var user={"userId":"1001"，“username”:"Lucy","password":"123456","userAge":18};

声明一个数组如下：var usernameArr=["Lucy","Lily","Tom"，“Lilei”,"Hanmeimei"];

声明一个数组对象如下：var userArrObject={"userVO":[

{"userId":1，“username”:"Lucy","password":"123456"},

{"userId":2，“username”:"Lily"，“password”:"1234567"},

]}

测试代码如下：

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>json测试</title>
  <script type="text/javascript">
		//1.json文本格式
		var user="{'userId':'11','username':'Tom','userAge':'18','password':'123456'}";
		//输出的都是undefined，不知道类型
		document.write(user.userId+" "+user.username);
		//使用eval将json文本格式数据解析为json对象
		var userObj=eval("("+ user+")");
		document.write(userObj.userId+" "+userObj.username);
		
		//2.json数组对象
		var emps={"employees":[
			{"empId":"1","empName":"Tom"},
			{"empId":"2","empName":"Lilei"},
			{"empId":"3","empName":"Lucy"},
			{"empId":"4","empName":"Lili"},
			{"empId":"5","empName":"Hanmeimei"},
		]};
		document.write(emps.employees[0].empId+"---"+emps.employees[0].empName);
		
		var emp='{"id":"1001","empName":"Lucy","hobbit":["Lol","basketBall"]}';
		var empObj=eval("("+ emp +")");
		alert(empObj.hobbit[0]+" "+empObj.hobbit[1]);
  </script>
 </head>
 <body>
  
 </body>
</html>