1、$.grep()函数
$.grep() 函数使用指定的函数过滤数组中的元素,并返回过滤后的数组。
$.grep( array, function [, invert ] )
Array是将被过滤的数组;
Function是指定的过滤函数;grep()方法为function提供了两个参数:其一为当前迭代的数组元素,其二是当前迭代元素在数组中的索引;
invert为可选参数,如果参数invert为true,则结果数组将包含function返回false的所有元素;
var arr =$.grep( [0,1,2], function(n,i){ return n > 0; }); console.log(arr);//[1,2] var arr =$.grep( [0,1,2], function(n,i){ return n > 0; },true);//返回n<=0的元素 console.log(arr);//[0] //数组中有数字和字符串,如果我们想找出其中的字符串: nums = $.grep(nums, function (num, index) { // num = 数组元素的当前值 // index = 当前值的下标 return isNaN(num); }); console.log(nums); //结果为: ["jQuery", "CSS"]
2、$.each()函数
$.each()是对数组,json和dom结构等的遍历;
//处理数组 var arr1=[‘aa‘,‘bb‘,‘cc‘,‘dd‘]; $.each(arr1,function(i,val){ //两个参数,第一个参数表示遍历的数组的下标,第二个参数表示下标对应的值 console.log(i+‘```````‘+val); //处理json字符串 var json1={key1:‘a‘,key2:‘b‘,key3:‘c‘}; $.each(json1,function(key,value){ //遍历键值对 console.log(key+‘````‘+value); }) //处理dom元素 <input name="aaa" type="hidden" value="111" /> <input name="bbb" type="hidden" value="222" /> <input name="ccc" type="hidden" value="333" /> <input name="ddd" type="hidden" value="444"/> $.each($(‘input:hidden‘),function(i,val){ console.log(i+‘````‘+val); console.log(val.name+‘`````‘+val.value); /*0````[object HTMLInputElement] 1````[object HTMLInputElement] 2````[object HTMLInputElement] 3````[object HTMLInputElement]*/ /* aaa`````111 bbb`````222 ccc`````333 ddd`````444*/ })
3、$().each函数
$().each 在dom处理上面用的较多;
// 如果页面有多个input标签类型为checkbox,这时用$().each来处理多个checkbook; // 即对指定的元素执行指定的方法 $(“input[name=’ch’]”).each(function(i){ if($(this).attr(‘checked’)==true) { // 一些操作代码 } // 回调函数是可以传递参数,i就为遍历的索引。
2021-04-29 18:06:02