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>
  <script type="text/javascript" src="jquery.js"></script>
</head>
<body>
 <script>
  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>
 </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-08-27 03:42:07

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

【转】 jquery遍历json数组方法

$(function () { var tbody = ""; //------------遍历对象 .each的使用------------- //对象语法JSON数据格式(当服务器端回调回来的对象数据格式是json数据格式,必须保证JSON的格式要求,回调的对象必须使用eval函数进行转化(否则将得不到Object).本文不作详细介绍服务器端回调的数据问题,我们将直接自定义对象) var obj = [{ "name": "项海军", &qu

遍历json数组

//遍历json数组 String json1 = "{data:[{name:'Wallace'},{name:'Grommit'}]}"; jsonObjSplit = new JSONObject(json1); JSONArray ja = jsonObjSplit.getJSONArray("data"); for (int i = 0; i < ja.length(); i++) { JSONObject jo = (JSONObject) ja.

遍历json数组的常用方式

遍历json对象数组 1. 传统数组遍历 var data=[{"name":"zhangsan","age":12},{"name":"lisi","age":22}]; for(var i=0;i<data.length;i++) { alert(data[i].name+"--"+data[i].age); } 2.key/value map方式遍历 ke

Json格式循环遍历,Json数组循环遍历

Json格式数据如何遍历,这里我们可以用for..in实现 例如最简单的json格式 var json1 = { 'name' : '小钻风' , 'age' : 25 , 'handsome' : 'yes' }; for( var key in json1 ){ console.log( key+' : '+json1[key] ); } 再来个升级版的,如下 var json1 = { 'name' : ['echo' , '小钻风' , '妈卖批' , '小白兔'], 'age' : [

$.each遍历json数组

1.遍历单层json数组 我们把idx和obj都打印出来看看,到底是什么东西 var json1 =[{"id":"1","tagName":"apple"}, {"id":"2","tagName":"orange"}, {"id":"3","tagName":"banana&

juery中循环遍历json数组

var dataList=[]; var stock0={stockcode:"007758",stockname:"商业政7",state:"1"}; var stock1={stockcode:"006658",stockname:"材料政8",state:"1"}; var stock2={stockcode:"023758",stockname:"深

jQuery遍历Json数组

var jsonArray=  [{ "name": "张三", "password": "123456"},{ "name": "李四", "password": "123456"}]; $.each(obj, function (n, value) { n:数组中的位置: value.name:张三.李四 value.password:1234

js便利json 数组的方法

js便利json 数组的方法 通过Jason对象获取里面某个键的值方法: 1,对象["键"]. 2,对象.键. 这篇文章主要介绍了JQuery遍历json数组的3种方法,本文分别给出了使用each.for遍历json的方法,其中for又分成两种形式,需要的朋友可以参考下 $(function () { var tbody = ""; //------------遍历对象 .each的使用------------- //对象语法JSON数据格式(当服务器端回调回来的对

Json数组的遍历

[{"productid":"1","sortindex":"2"},{"productid":"2","sortindex":"3"}] 在JSON中,有两种结构:对象和数组. 1.对象 一个对象以“{”开始,“}”结束.每个“key”后跟一“:”,“‘key/value’ 对”之间运用 “,”分隔. packJson = {"name