JavaScript json loop item in array

最新推荐文章于 2025-01-01 23:47:48 发布

初仔仔

最新推荐文章于 2025-01-01 23:47:48 发布

阅读量140

点赞数

CC 4.0 BY-SA版权

文章标签： json javascript ViewUI

原文链接：http://www.cnblogs.com/chucklu/p/11133095.html

本文探讨了如何修正错误的JSON对象结构，并通过JavaScript正确遍历包含多个学生信息的JSON数组。提供了两种方法：一是使用for循环结合数组长度进行迭代，二是利用$.each方法遍历数据，展示了如何访问和显示每个学生的ID、全名、用户ID和STIN。

Iterating through/Parsing JSON Object via JavaScript

解答1

Your JSON object is incorrect because it has multiple properties with the same name. You should be returning an array of "student" objects.

[
   {
     "id": 456, "full_name": "GOOBER ANGELA", "user_id": "2733245678", "stin": "2733212346" }, { "id": 123, "full_name": "BOB, STEVE", "user_id": "abc213", "stin": "9040923411" } ]

Then you can iterate over it as so:

 for (var i = 0, len = objJSON.length; i < len; ++i) { var student = objJSON[i]; $("<div id=\"" + student.id + "\">" + student.full_name + " (" + student.user_id + " - " + student.stin + ")</div>")... }

解答2

var data = '[ { "id": 456, "full_name": "GOOBER, ANGELA", "user_id": "2733245678", "stin": "2733212346" }, { "id": 123, "full_name": "BOB, STEVE", "user_id": "abc213", "stin": "9040923411" } ]'; $.each(data, function(index, val) { alert(val.id); alert(val.full_name); alert(val.user_id); alert(val.stin); })