$.each遍历json对象的问题

最新推荐文章于 2021-08-05 12:27:42 发布

原创最新推荐文章于 2021-08-05 12:27:42 发布 · 710 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#遍历 #json #对象 #.each遍历json对象 #.each

JavaScript 同时被 3 个专栏收录

34 篇文章

订阅专栏

随笔日记

14 篇文章

订阅专栏

jquery

10 篇文章

订阅专栏

本文介绍如何使用jQuery的$.each方法遍历JSON数组，并解决JSON字符串遍历的问题。包括将JSON字符串转换为JavaScript对象的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script
 type="text/javascript">

/*
$.each遍历json对象
查看一个简单的jQuery的例子来遍历一个JavaScript数组对象。
*/
var json = [
{"id":"1","tagName":"apple"},
{"id":"2","tagName":"orange"},
{"id":"3","tagName":"banana"},
{"id":"4","tagName":"watermelon"},
{"id":"5","tagName":"pineapple"}
];
$.each(json,
function(idx,
obj) {
// alert(obj.tagName);
console.log(obj.id+obj.tagName+idx);
});
/*
问题: JSON 字符串
下面的例子中，声明了一个JSON字符串（随附单或双引号）直接地。
*/
var json =
'[{"id":"1","tagName":"apple"},{"id":"2","tagName":"orange"},{"id":"3","tagName":"banana"},
{"id":"4","tagName":"watermelon"},{"id":"5","tagName":"pineapple"}]';
$.each(json,
function(idx,
obj) {
alert(obj.tagName);
});
/*
解决方案：JSON字符串转换为JavaScript对象。
要修复它，通过标准JSON.parse()或jQuery 的 $.parseJSON 将其转换为JavaScript对象。
*/
$.each(JSON.parse(json),
function(idx,
obj) {
alert(obj.tagName);
});
//or 
$.each($.parseJSON(json),
function(idx,
obj) {
alert(obj.tagName);
});

</script>