JavaScript解析JSON

最新推荐文章于 2024-02-06 14:15:36 发布
最新推荐文章于 2024-02-06 14:15:36 发布
阅读量526 收藏
点赞数
分类专栏： javascript 文章标签： javascript json
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011113654/article/details/48437277
版权

JSON数据是一种常用的数据格式，解析方式也比较简单，特别是由于JavaScript原生就支持JSON，所以JavaScript能够更好的解析JSON。

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>解析JSON</title
	</head>
	<body>
		<p>数据：</p>
		<p>[{'字段1':{'地址1':'数据1'}},{'字段2':{'地址2':'数据2'}}{'字段3':{'地址3':'数据3'}}]</p>
		<button οnclick="startParse();">开始解析</button>
	</body>
	<script>
		// 开始解析
		function startParse(){
			// ,{"字段2":{"地址2":"数据2"}}{"字段3":{"地址3":"数据3"}}
			var jsonStr = '[{\"字段1\":{\"地址1\":\"数据1\"}},{\"字段2\":{\"地址2\":\"数据2\"}},{\"字段3\":{\"地址3\":\"数据3\"}}]';
			var json = JSON.parse(jsonStr);  // 将字符串转换为JSON对象
			// 循环遍历获取key -- value
			for(var i = 0; i < json.length; i++){
				// {"字段1":{"地址1":"数据1"}
				var itemJson = json[i];
				// 再次遍历获取
				for(var key in itemJson){
					alert(key);
					// {"地址2":"数据2"}
					var childItem = itemJson[key];
					// 再次遍历获取
					for (var keyItem in childItem) {
						alert(keyItem + " -- " + childItem[keyItem]);
					}
				}
			}
		}
	</script>
</html>


爱在彩虹
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript JSON创建与解析
Birdlun的博客
07-08 354
目录 JSON官网 使用JSON语法创建对象 列：创建json数据的五种形式 列：创建json字符串 列：创建json对象 列：输出1个父亲和2个儿子的名字和年龄 JSON解析对象 JSON字符串 列：创建json字符串并解析成json对象 列：创建json字符串数组并解析成json对象 JSON对象解析 列：创建json对象并解析成json数组 列：创建json对象并解...
JavaScript知识点(JSON)
Ghoset的博客
12-05 188
介绍 JSON介绍 JSON 是用于存储和传输数据的格式。 JSON 通常用于服务端向网页传递数据 。 可以用JS语言编写 , 但是本质上还是一个文本 , 所以基本任何语言都可以读取. 笔记声明文本格式 可以看成:一个对象里创建一个数组 , 数组里继续创建对象 . {"userName":[ {"name" : "Ghoset" }, {"name" : "ZhangSan" }
JavaScript——JSON数据和解析
z_2532040197的博客
07-06 2585
1.JSON（JavaScript Object Notation, JS对象简谱）是一种轻量级的数据交换格式。它基于 ECMAScript（European Computer Manufacturers Association, 欧洲计算机协会制定的js规范）的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。2.JSON是一个字符串 ，常常用于网络传输数据的一种字符串格式; JSON 通常用于服务端向网页传递数据 。...
JavaScript解析JSON格式方法
qq1092881420的博客
12-09 1389
以上就是解析JSON的两种方法。使用Function。
javaScript——json字符串详解
Cuichenyang158的博客
09-09 5722
JSON 字符串（JSON String）是一种特定格式的文本字符串，用于表示数据。JSON 是 JavaScript Object Notation 的缩写，它是一种轻量级的数据交换格式，通常用于将数据从一个应用程序传输到另一个应用程序，或将数据存储在文件或数据库中。
JavaScript读取json文件
最新发布
weixin_43956958的博客
02-06 1217
JavaScript 对象与 JSON 对象的区别：在 JavaScript 中，对象的属性名称可以用单引号 ‘’ 或双引号 “” 括起来，也可以完全省略引号。但是，在 JSON 中，所有属性名称都必须用双引号括起来。使用JavaScript函数JSON.parse() 将文本转换成JavaScript对象。来将 json对象转化为json字符串。在Vue.js中首选将json文件引入。
JavaScript解析JSON数据示例
12-01
本文实例讲述了JavaScript解析JSON数据。分享给大家供大家参考，具体如下： JSON数据是一种常用的数据格式，解析方式也比较简单，特别是由于JavaScript原生就支持JSON，所以JavaScript能够更好的解析JSON。 <!...
javascript解析json实例详解
10-25
在JavaScript中，解析JSON通常涉及将JSON字符串转化为JavaScript对象，这个过程被称为JSON解析。 在JavaScript中，有两种主要的方式来解析JSON： 1. 使用`JSON.parse()`方法： 这是现代浏览器和ECMAScript 5及更高...
javascript解析json数据的3种方式
10-25
主要介绍了解析json数据的3种方式,需要的朋友可以参考下
javascript解析json格式的数据方法详解
11-19
JSON （JavaScript Object Notation）是一种简单的数据格式，比xml更轻巧。 它是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。那么如何用JavaScript来解析json呢？ 首先，科普一下json。在json中，有两种结构：对象和数组。 一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“‘名称/值’ 对”之间运用 “,”（逗号）分隔。 名称用引号括起来；值如果是字符串则必须用括号，数值型则不须要。例如： var o={“key”:”value
json3.js 【JS / JavaScript 中解析JSON的js包，JSON官方的JSON解析包】
12-23
json3.js 【JS / JavaScript 中解析JSON的js包，JSON官方的JSON解析包】。JavaScript中解析JSON的js包，页面中引入json3.js，即可使用。 使用方法：JSON.parse(str), JSON.stringify(obj) 更多详情请参考博文： JavaScript中解析JSON --- JSON.parse()、JSON.stringify()以及$.parseJSON()使用详解 - chunlynn的小屋 - CSDN博客 http://blog.csdn.net/chenchunlin526/article/details/78850924
JavaScript解析JSON数据
Moon Star
11-14 8015
1. json字符串转化为json对象 可以通过JavaScript的eval()函数来进行解析，代码如下： &lt;script type="text/javascript"&gt; var json = '{"key":"value","jian":"zhi"}'; var obj = eval("(" + json + ")"
JavaScript核心技术之JSON详解
热门推荐
热爱前端的大三在校生
10-09 1万+
JSON（JavaScript Object Notation, JS对象简谱）是一种轻量级的数据交换格式。它基于 ECMAScript（European Computer Manufacturers Association, 欧洲计算机协会制定的js规范）的一个子集，采用的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。
JavaScript解析json字符串
gaohuanjie的专栏
03-02 2368
JavaScript解析json字符串
JSON学习
06-27 92
JSON （JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。 JSON 是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。JSON的规则很简单： 对象是一个无序的“‘名称/值’对”集合。一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“‘...
javascript解析json
bzock的专栏
12-11 469
JSON（JavaScriptObject Notation）一种简单的数据格式，比xml更轻巧。JSON是JavaScript原生格式，这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。 JSON的规则很简单：对象是一个无序的“‘名称/值’对”集合。一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“‘名称/值’对”之间使...
javascript解析json字符串，各种格式分析
xcLeigh
05-13 7383
javascript解析json字符串，各种格式分析JSON.parse() 方法用于将一个 JSON 字符串转换为对象JSON.stringify() 方法是将一个JavaScript值(对象或者数组)转换为一个 JSON字符串Unexpected token o in JSON at position 1 JSON.parse() 方法用于将一个 JSON 字符串转换为对象 var str = '{"name":"xcSharp","age":"18"}' JSON.parse(str); //结果为一
用正则表达式和js轻松处理json文本
weixin_30686845的博客
10-12 522
万事开头难 很多群里的朋友经常聊到如何解析Json，通常很多人都会搬出他们珍藏的dll出来，比如Newtonsoft.json.dll，litjson.dll等等。互相吹嘘这些动态链接库的功能如何如何了得，依我看，要解析轻量化类型json，用.net自带的类库就可以胜任了。但是，有一种看起来更方便的老古董——正则表达式，处理json是绰绰有余。 Json（Java...
javascript 解析json 数组
05-22
在 JavaScript 中，可以使用 `JSON.parse()` 方法来解析 JSON 数组。该方法将把一个 JSON 字符串转换为一个 JavaScript 对象或者数组。 下面是一个示例代码： ```javascript const jsonString = '[{"name":"张三","age":20},{"name":"李四","age":30}]'; const jsonArray = JSON.parse(jsonString); console.log(jsonArray); ``` 输出结果为： ``` [ { name: '张三', age: 20 }, { name: '李四', age: 30 } ] ``` 在这个示例中，我们定义了一个包含两条记录的 JSON 数组字符串。然后，我们使用 `JSON.parse()` 方法将其转换为一个 JavaScript 数组对象，并将其保存到 `jsonArray` 变量中。最后，我们使用 `console.log()` 方法输出 `jsonArray` 变量的值。 需要注意的是，如果 JSON 字符串不符合规范，或者包含无法解析的数据，`JSON.parse()` 方法将会抛出一个异常。因此，在使用该方法时，需要对其返回值进行异常处理。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值