JavaScript解析JSON字符串并遍历List实体对象
本文介绍如何在Java后台将Map转换为JSON格式,并在前端JavaScript中解析该JSON字符串。通过eval函数将JSON串转为对象后,利用双重循环遍历List中的实体对象(如Student),提取ID和姓名等属性,适用于常规Web开发中的数据交互场景。
后端JSON数据转换与传输
第一步,后端Action需将Map数据结构转换为JSON格式以便传输。
具体实现代码如下:
定义Map<String, List> resultMap;
使用JSONObject.fromObject(resultMap)将Map对象序列化为JSON对象。
调用json.toString()获取JSON字符串赋值给message变量。 该List中存储了多个Student实体对象。
前端JSON解析与对象遍历
第二步,前端JavaScript需将接收到的JSON字符串解析为JS对象。
相关代码如下:
使用eval("("+data+")")将JSON字符串转换为JS对象obj。 第三步,通过遍历获取List中的具体对象数据。
代码实现如下:
使用for(var key in obj)进行第一层循环,以获取各个List。
将obj[key]赋值给变量List。
使用for(var student in List)进行第二层循环,以遍历List中的对象。
通过List[student].id访问对象的id属性并弹出提示。
通过List[student].name访问对象的name属性并弹出提示。
}
}
此外,推荐以下实用的JSON在线工具供参考:
在线JSON代码检验、检验、美化、格式化工具: http://tools.jb51.net/code/json
JSON在线格式化工具: http://tools.jb51.net/code/jsonformat
在线XML/JSON互相转换工具: http://tools.jb51.net/code/xmljson
json代码在线格式化/美化/压缩/编辑/转换工具: http://tools.jb51.net/code/jsoncodeformat
在线json压缩/转义工具:
http://tools.jb51.net/code/json_yasuo_trans
C语言风格/HTML/CSS/json代码格式化美化工具: http://tools.jb51.net/code/ccode_html_css_json
JS读取本地文件时报错或无响应的常见原因
2026-11-05 16:32:31
let、const与var的区别:JavaScript变量声明最佳实践
2026-11-05 14:16:38
JS中直接定义静态二维数组的字面量写法
2026-11-05 14:16:08
JS 怎么查找字符串中所有匹配项的位置
2026-11-05 14:15:53
JavaScript新手常犯的编码错误与最佳实践指南
2026-11-04 22:12:38
