jquery $.each遍历json数组方法

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>jquery $.each遍历json数组方法</title>
</head>

<body>
<script language="网页特效">
var arr = [{ name: "john", lang: "js" },{ name: "nailwl", lang: "jquery" },{ name: "吴磊", lang: "ext" }]; 
$.each( arr, function(index, content)

 alert( "the man's no. is: " + index + ",and " + content.name + " is learning " + content.lang ); 
}); 

</script>
</body>
</html>
<!--
jquery 对象的 $().each() 方法,此方法可用于例遍任何对象
回调函数拥有两个参数: 
第一个为对象的成员或数组的索引
例遍数组,同时使用元素索引和内容
$.each( [0,1,2], function(index, content){ 
  alert( "item #" + index + " its value is: " + content ); 
}); 
 
第二个为对应变量或内容 
如果需要退出 each 循环可使回调函数返回 false,其它返回值将被忽略。

jquery.each(obj,fn,arg) 
该方法有三个参数:进行操作的对象obj,进行操作的函数fn,函数的参数args。

obj对象是数组
each方法会对数组中子元素的逐个进行fn函数调用,直至调用某个子元素返回的结果为false为止,也就是说,我们可以在提供的fn函数进行处理,使 之满足一定条件后就退出each方法调用。当each方法提供了arg参数时,fn函数调用传入的参数为arg,否则为:子元素索引,子元素本身
2.obj 对象不是数组
该方法同1的最大区别是:fn方法会被逐次不考虑返回值的进行进行。换句话说,obj对象的所有属性都会被fn方法进行调用,即使fn函数返回false。调用传入的参数同1类似。
jquery.each=function( obj, fn, args ) {
if ( args ) {
if ( obj.length == undefined ){
for ( var i in obj )
fn.apply( obj, args );
}else{
for ( var i = 0, ol = obj.length; i < ol; i++ ) {
if ( fn.apply( obj, args ) === false )
break;

              }

           }
} else {
if ( obj.length == undefined ) {
for ( var i in obj )
fn.call( obj, i, obj );
}else{
for ( var i = 0, ol = obj.length, val = obj[0]; i < ol && fn.call(val,i,val) !== false; val = obj[++i] ){}

           }
}
return obj;

-->

时间: 2024-11-03 01:14:42

jquery $.each遍历json数组方法的相关文章

jQuery使用$.each遍历json数组的简单实现方法_jquery

本文实例讲述了jQuery使用$.each遍历json数组的简单实现方法.分享给大家供大家参考,具体如下: <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&quo

JS简单循环遍历json数组的方法_javascript技巧

本文实例讲述了JS简单循环遍历json数组的方法.分享给大家供大家参考,具体如下: 例如数据库里面的json字符串是这样的 var str = '[{"name":"宗2瓜","num":"1","price":"122"},{"name":"宗呱呱","num":"1","price":

jQuery遍历json的方法分析_jquery

本文实例分析了jQuery遍历json的方法.分享给大家供大家参考,具体如下: 复制代码 代码如下: var obj = {"status":1,"bkmsg":"\u6210\u529f","bkdata":["\u5415\u5c1a\u5fd7","1387580400","\u6dfb\u52a0\u8bb0\u5f55"]}{"status&quo

jquery遍历json数组实例方法

我们知道遍历普通数组可以使用each来操作,如下  代码如下 复制代码 var _mozi=['墨家','墨子','墨翟','兼爱非攻','尚同尚贤']; //本文所用到的数组, 下同 $.each(_mozi,function(key,val){     //回调函数有两个参数,第一个是元素索引,第二个为当前值     alert('_mozi数组中 ,索引 : '+key+' 对应的值为: '+val); }); 当然后我们还可以使用 for..in,each更强壮一点.for..in也可以

Javascript用递归的方式遍历json数组

前言 Javscript语言有很多值得探究和注意的地方,下面我们来看一下用递归的方式遍历JSON对象数组. 正文 假设我们的要遍历的数组是这样的: var array = [ { id: 1, children:[{ id:2, children:[] }] }, { id:3, children:[] }, { id:4, children:[ { id:5, children:[ { id:6, children:[] }, { id:7, children:[] } ] } ] } ];

jQuery与js遍历json数组

  <script type="text/网页特效">   var json = {"options":"[{"text":"王家湾","value":"9"},{"text":"李家湾","value":"10"},{"text":"邵家湾",&

JQuery遍历json数组的3种方法_jquery

一.使用each遍历 复制代码 代码如下:      $(function () {            var tbody = "";            //------------遍历对象 .each的使用-------------            //对象语法JSON数据格式(当服务器端回调回来的对象数据格式是json数据格式,必须保证JSON的格式要求,回调的对象必须使用eval函数进行转化(否则将得不到Object).本文不作详细介绍服务器端回调的数据问题,我们将

jq和js遍历json数据方法

 代码如下 复制代码 /* author: liulf function: var __db_cpcj=vCpcj; var __db_cp=vCp; var vCp={"cppage":[ {"cpdh":"A01000101","page":"1","ca":"1309-36-0","mc":"硫铁矿","enam

Jquery解析json字符串及json数组的方法

  本文实例讲述了Jquery解析json字符串及json数组的方法.分享给大家供大家参考.具体如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 6