jQuery.each(object, [callback])或者jQuery(object).each([callback])
概述
通用遍历方法,可用于遍历对象和数组。
不同于遍历 jQuery 对象的 $().each() 方法,此方法可用于遍历任何对象。回调函数拥有两个参数:第一个为对象的成员或数组的索引,第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false,其它返回值将被忽略
参数
object,[callback] object:需要遍历的对象或数组;callback:每个成员/元素执行的回调函数
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script> <title></title> <script> $(document).ready(function(){ var strObj='{"rows":[{"userName":"刘德华","userSex":"男","userAge":22},{"userName":"张卫健","userSex":"男","userAge":22}],"total":3}'; var data=JSON.parse(strObj); $("button:eq(0)").click(function(){ $.each(data.rows, function(index,value) { alert("第"+(index+1)+"个元素的userName:"+value.userName) if(value.userName=="刘德华"){ //跳出循环 return false; } }); }); $("button:eq(1)").click(function(){ $(data.rows).each(function(index,value) { alert("第"+(index+1)+"个元素的userName:"+value.userName) if(value.userName=="刘德华"){ //跳出循环 return false; } }); }); }); </script> </head> <body> <button>点击测试$.each(object, [callback])</button><br /> <button>点击测试$(object).each([callback])</button> </body> </html>
jQuery.merge(first,second)
概述
合并两个数组
返回的结果会修改第一个数组的内容——第一个数组的元素后面跟着第二个数组的元素。要去除重复项,请使用$.unique()
参数
first,second first:第一个待处理数组,会改变其中的元素;second:第二个待处理数组,不会改变其中的元素
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script> <title></title> <script> $(document).ready(function(){ var strObj='{"rows":[{"userName":"张学友","userSex":"男","userAge":22},{"userName":"刘德华","userSex":"男","userAge":22}],"total":2}'; var data=JSON.parse(strObj); var addArr=[]; var obj=new Object(); obj.userName="张卫健"; obj.userSex="男"; obj.userAge=22; addArr.push(obj); var newArr=$.merge(data.rows,addArr); $("button").click(function(){ $.each(newArr, function(index,value) { alert("第"+(index+1)+"个元素的userName:"+value.userName) }); }); }); </script> </head> <body> <button>点击测试$.merge()</button> </body> </html>