js怎么遍历json的数组并输出到html中

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js怎么遍历json的数组并输出到html中相关的知识,希望对你有一定的参考价值。

如图,html有几个列表,我只是成功遍历了json数组,并修改了html的文本值,但是我不知道怎么让html显示有几套json数组就显示几套列表

参考技术A 例如数据库里面的json字符串是这样的
?

1
2
3
4
5

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].name);


上面的是js的,下面的是jquery来解析json字符串,
?

1
2

var cc = jQuery.parseJSON(data);
alert(cc[0].title);追问

??请看准我问的问题

js遍历json对象顺序问题,使用for in遍历json对象发现排序了,和本来的顺序不一样,有啥解决办法

json的结构是这样var a=
"3":'第一',
"1":'第二',
"5":'第三',

遍历后需要按原顺序输出,但使用for in会自动排序,输出结果变成了第二 第一 第三,有什么办法解决

参考技术A var a=
"3":'第一',
"1":'第二',
"5":'第三',
;
var tmp = JSON.stringify(a);
tmp = tmp.replace(/([\\,])([^:]+):([^:,]+)(?=[,\\])/g,"$1$3:$2");
var obj = eval("("+tmp+")");
for(var p in obj)
    console.info(obj[p] + ":" + p);

追问

不行吧,还是重新排序了啊

以上是关于js怎么遍历json的数组并输出到html中的主要内容,如果未能解决你的问题,请参考以下文章

Js 怎么遍历json对象所有key及根据动态key获取值

jquery遍历民族json数据

json数组存储了两个对象,要怎么遍历

如何用js遍历本地文件

js 遍历 tr

js遍历json对象顺序问题,使用for in遍历json对象发现排序了,和本来的顺序不一样,有啥解决办法