JS中循环遍历JSON格式数据

最新推荐文章于 2023-04-10 08:01:56 发布
原创 最新推荐文章于 2023-04-10 08:01:56 发布 · 1.6k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #json #开发语言

本文通过一个具体的示例展示了如何使用JavaScript遍历并填充JSON数据到网页表单中，包括特殊处理逻辑，如家庭卡号的转换。 
//res为json格式数据
if (res != null) {
//循环遍历res
								for (var key in res) {
//遍历中key为字段名的字符串，如{"a":"b"}中的"a"
									if(key == "FamCardNo"){
//res[key]会取到字段名为key的字段值如{"a":"b"}key为a时res[key]的值为b
										$("#" + key + "").val(res[key]);
										$("#txtFamCardNo").val(changeCardId(res[key]))
									}else{
									$("#" + key + "").val(res[key]);
									}
								}
							}

如何在JavaScript中循环遍历JSON响应？
sdasadasds的博客
11-01 1184
（画外音：JSON之父叫做Douglas Crockford，尽管他在社区里不算那么讨喜，不过也无法否认他对JavaScript所作的贡献，著名的开源项目JSlint也是他写的，他还有出版一本书叫How JavaScript Works，中文译名《JavaScript语言精粹》）从远程服务器获取数据时，服务器的响应通常为JSON格式。从Web服务器接收数据时，数据始终是字符串，这意味着将其转换为可以使用的数据结构是必要工作，如果您想了解有关JSON如何工作的更多信息，可以访问JSON网站。
jquery使用each方法遍历json格式数据实例
12-09
本文实例讲述了jquery使用each方法遍历json格式数据的方法。分享给大家供大家参考。具体实现方法如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
JS循环遍历JSON数据的方法
10-25
主要介绍了JS 循环遍历JSON数据的方法,需要的朋友可以参考下
JS遍历Json字符串中键值对先转成JSON对象再遍历
10-25
主要介绍了JS遍历Json字符串中键值对的方法,先将Json字符串转换成JSON对象，再进行遍历，需要的朋友可以参考下
json 遍历
Hi, Sun
04-12 289
JSON数据如：{"options":"[{/"text/":/"王家湾/",/"value/":/"9/"},{/"text/":/"李家湾/",/"value/":/"10/"},{/"text/":/"邵家湾/",/"value/":/"13/
JS 循环遍历JSON数据
weixin_34148340的博客
04-05 199
JSON数据如：{"options":"[{/"text/":/"王家湾/",/"value/":/"9/"},{/"text/":/"李家湾/",/"valu e/":/"10/"},{/"text/":/"邵家湾/",/"value/":/"13/"}]"} 用js可以写成： var data=[{name:"a",age:12},{name:"b",age:11}...
JS简单循环遍历json数组的方法
11-23
本文实例讲述了JS简单循环遍历json数组的方法。分享给大家供大家参考，具体如下： 例如数据库里面的json字符串是这样的 var str = '[{"name":"宗2瓜","num":"1","price":"122"},{"name":"宗呱呱","num":"1","price...
JS教程之循环遍历JSON数据
vip_linux的专栏
07-09 1175
分享下JS 循环遍历JSON数据的方法。 JSON数据如： js可以写成： var data=[{name:"a",age:12},{name:"b",age:11},{name:"c",age:13},{name:"d",age:14}];  for(var o in data){  alert(o);  alert(data[o]);  alert("text:"
js中循环json
04-13 485
[code="javascript"]var controlDiv = ''; $("#controlDiv").html(""); var jsonObj = JSON.parse(data.channelParamKeys); for(var key in jsonObj) ...
Js读取json数据 && 循环读取JSON数据
Warren专栏
03-28 2735
服务端向客户端返回了一串JSON格式的数据。在有些时候，因为某些特殊的原因我们不知道原始的key值，因此我们此时无法象正常一样通过key值，来获取value值。这时我们必须循环读取JSON对象数据。废话少说，来看例子。  　　服务端后台返回到客户端的JSON格式字符串：var str = '[{"uname":"王强","day":"2010/06/17"},{"uname":"王海云","da
js循环json数组
weixin_30687587的博客
02-05 146
例如数据库里面的json字符串是这样的 var str = '[{"name":"宗2瓜","num":"1","price":"122"},{"name":"宗呱呱","num":"1","price":"100"}]'; var xqo = eval('(' + str + ')'); for(var i in xqo){ 　　alert(xqo[i].n...
在js中循环遍历json对象
热门推荐
skh2015java的博客
09-19 1万+
一、遍历普通的json   var data=[{"name":"a","age":12},{"name":"b","age":13},{"name":"c","age":14}]; 方法一： for(var o in data){ alert(o); alert(data[o]); alert("name:"+data[o].name+"
JS遍历Json字符串
04-10 849
附加JSP后台拼JSON字符串。
JS 循环JSON等数据
༺墨༒眉༻
06-03 786
https://www.cnblogs.com/baiyunke/p/7821299.html 写的很好，自己收藏自己用 while循环 var num = 1;//1、声明循环变量 while (num<=10){//2、判断循环条件; document.write(num+"<br />");//3、执行循环体操作； num+...
如何在JavaScript中循环遍历JSON响应
qf2019的博客
05-17 2442
从远程服务器获取数据时，服务器的响应通常为JSON格式。在本文中，我将演示如何使用JavaScript解析服务器的响应，以便访问所需的数据。该过程通常包括两个步骤：将数据解码为本机结构（例如数组或对象），然后使用JavaScript的内置方法遍历该数据结构。 一、 什么是JSON？ JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式。它基于 ECMAScript (w3c制定的JS规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据
Js循环读取JSON数据
weixin_30399155的博客
07-16 197
　服务端向客户端返回了一串JSON格式的数据。在有些时候，因为某些特殊的原因我们不知道原始的key值，因此我们此时无法象正常一样通过key值，来获取value值。这时我们必须循环读取JSON对象数据。废话少说，来看例子。 　　服务端后台返回到客户端的JSON格式字符串：var str = '[{"uname":"王强","day":"2010/06/17"},{"uname":"王海云","d...
JS循环遍历json处理数据
最新发布
10-02
在JavaScript中，循环遍历JSON数据并处理可根据JSON数据是对象还是数组采用不同方法。 ### 遍历JSON对象 对于JSON对象，可使用`for...in`循环或者`Object.keys()`方法。`for...in`循环可遍历对象的可枚举属性，示例代码如下： ```javascript const jsonObject = { "name": "John", "age": 30, "city": "New York" }; for (let key in jsonObject) { if (jsonObject.hasOwnProperty(key)) { console.log(key + ": " + jsonObject[key]); } } ``` 使用`Object.keys()`方法可获取对象的所有可枚举属性组成的数组，再结合`forEach()`方法遍历，示例代码如下： ```javascript const jsonObject = { "name": "John", "age": 30, "city": "New York" }; Object.keys(jsonObject).forEach(key => { console.log(key + ": " + jsonObject[key]); }); ``` ### 遍历JSON数组 对于JSON数组，可使用`for`循环、`for...of`循环或者`forEach()`方法。使用`for`循环遍历示例如下： ```javascript const jsonArray = [ { "name": "John", "age": 30 }, { "name": "Jane", "age": 25 }, { "name": "Bob", "age": 35 } ]; for (let i = 0; i < jsonArray.length; i++) { console.log("Name: " + jsonArray[i].name + ", Age: " + jsonArray[i].age); } ``` 使用`for...of`循环遍历示例如下： ```javascript const jsonArray = [ { "name": "John", "age": 30 }, { "name": "Jane", "age": 25 }, { "name": "Bob", "age": 35 } ]; for (let item of jsonArray) { console.log("Name: " + item.name + ", Age: " + item.age); } ``` 使用`forEach()`方法遍历示例如下： ```javascript const jsonArray = [ { "name": "John", "age": 30 }, { "name": "Jane", "age": 25 }, { "name": "Bob", "age": 35 } ]; jsonArray.forEach(item => { console.log("Name: " + item.name + ", Age: " + item.age); }); ``` ### 从远程服务器获取JSON数据并遍历处理 从远程服务器获取的JSON数据通常是字符串形式，需要先将其转换为JavaScript对象或数组，可使用`JSON.parse()`方法。示例代码如下： ```javascript const xhr = new XMLHttpRequest(); xhr.onreadystatechange = () => { if (xhr.readyState === XMLHttpRequest.DONE) { if (xhr.status === 200) { const jsonData = JSON.parse(xhr.responseText); if (Array.isArray(jsonData)) { jsonData.forEach(item => { // 处理数组中的每个元素 console.log(item); }); } else { for (let key in jsonData) { if (jsonData.hasOwnProperty(key)) { // 处理对象的每个属性 console.log(key + ": " + jsonData[key]); } } } } } }; xhr.open('GET', 'https://www.example.com/api/data', true); xhr.setRequestHeader('Accept', 'application/json'); xhr.send(null); ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值