jQuery数组($.grep,$.each,$.inArray,$.map)处理函数详解
2015-12-17 18:14
1141 查看
1.jQuery.grep( array, function(elementOfArray, indexInArray) [, invert ] )
描述: 查找满足过滤函数的数组元素。原始数组不受影响。array Type: ArrayLikeObject 用于查询元素的类数组对象.
function Type: Function( Object elementOfArray, Integer indexInArray ) => Boolean
该函数来处理每项元素的比对。第一个参数是正在被检查的数组的元素,第二个参数是该元素的索引值。该函数应返回一个布尔值。
this将是全局的window对象。
invert Type: Boolean 如果“invert”为false,或没有提供,函数返回一个“callback”中返回true的所有元素组成的数组。如果“invert”为true,函数返回一个“callback”中返回false的所有元素组成的数组。
$.grep()方法会删除数组必要的元素,以使所有剩余元素通过过滤函数的检查。该测试是一个函数传递一个数组元素和该数组内这个的索引值。只有当测试返回true,该数组元素将返回到结果数组中。
该过滤器的函数将被传递两个参数:当前正在被检查的数组中的元素,及该元素的索引值。该过滤器函数必须返回'true'以包含在结果数组项。
<!DOCTYPE html> <html> <head> <style> div { color:blue; } p { color:green; margin:0; } span { color:red; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <div></div> <p></p> <span></span> <script> var arr = [ "a", "b", "c", "d", "e" ]; $("div").text(arr.join(", ")); arr = jQuery.map(arr, function(n, i){ return (n.toUpperCase() + i); }); $("p").text(arr.join(", ")); arr = jQuery.map(arr, function (a) { return a + a; }); $("span").text(arr.join(", ")); </script> </body> </html>
View Code
<script type='text/javascript' src="/jquery.js"></script> <script type="text/javascript"> $().ready( function(){ var strings = ['0','1','2','3','4','S','6']; var values = $.map(strings,function(value){ var result = new Number(value); return isNaN(result) ? null:result;//isNaN:is Not a Number的缩写 } ); for (key in values) { alert(values[key]); } } ); </script>
相关文章推荐
- target与currentTarget的区别(jqueryui方式获取z-Index)
- jQuery的主要用法
- jQuery选择器总结
- jQuery学习笔记(一)
- $(function(){…});与(function($) {…})(jQuery);
- tabs选项卡切换效果(jquery版)
- Jquery插件-笔记
- jquery hasClass、removeClass、addClass方法
- jquery获取instagram图片并添加fancybox效果
- jquery获取instagram图片并添加fancybox效果
- jquery实现简单的图片查看器
- JQuery中对option的添加、删除、取值
- jQuery延迟加载插件(Lazy Load)详解
- jquery 音乐添加
- jquery中attr和prop的区别—判断复选框选中状态
- jQuery on()方法
- jquery渐隐轮播
- jQuery滚动显示图片列表
- jquery文件上传控件 Uploadify 问题记录
- jQuery formValidator表单验证插件常见问题