jquery遍历数组与筛选数组的方法


Posted in Javascript onNovember 05, 2013

grep
grep()方法用于数组元素过滤筛选
grep(array,callback,invert)
array:待过滤数组;
callback:处理数组中的每个元素,并过滤元素,该函数中包含两个参数,第一个是当前数组元素的值,一个是当前数组元素的下标,即元素索引值。此函数应返回一个布尔值。另外,此函数可设置为一个字符串,当设置为字符串时,将视为“lambda-form”(缩写形式?),其中 a 代表数组元素,i 代表元素索引值。如“a > 0”代表“function(a){ return a > 0; }”
invert:布尔型可选项,默认值false,值为true或false, 如果 “invert” 为 false 或为设置,则函数返回数组中由过滤函数返回 true 的元素,当”invert” 为 true,则返回过滤函数中返回 false 的元素集
 

<script type='text/javascript' src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
    function(){
        var array = [1,2,3,4,5,6,7,8,9];
        var filterarray = $.grep(array,function(value){
            return value > 5;//筛选出大于5的
        });
        for(var i=0;i<filterarray.length;i++){
            alert(filterarray[i]);
        }
        for (key in filterarray){
            alert(filterarray[key]);
        }
    }
);
</script>
 

each
each的使用方法
在jQuery里有一个each方法,用起来非常的爽,不用再像原来那样写for循环,jQuery源码里自己也有很多用到each方法。
其实jQuery里的each方法是通过js里的call方法来实现的。

<script type='text/javascript' src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
    function(){
        var anObject = {one:1,two:2,three:3};//对json数组each
        $.each(anObject,function(name,value) {
            alert(name);
            alert(value);
        });
        var anArray = ['one','two','three'];
        $.each(anArray,function(n,value){
            alert(n);
            alert(value);
        }
        );
    }
);
</script>

inArray
jQuery.isArray(obj) 是 jQuery 1.3 新增。测试对象是否为数组。  返回值:Boolean
参数 : objObject用于测试是否为数组的对象
示例 :检测是否为数组

<script type='text/javascript' src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
    function(){
        var anArray = ['one','two','three'];
        var index = $.inArray('two',anArray);
        alert(index);//返回该值在数组中的键值,返回1
        alert(anArray[index]);//value is two
    }
);
</script>

map
map() 把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象。
由于返回值是 jQuery 封装的数组,使用 get() 来处理返回的对象以得到基础的数组。
.map() 方法对于获得或设置元素集的值特别有用。请思考下面这个带有一系列复选框的表单

<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>

遍历json对象:

<script>
var json = [{dd:'SB',AA:'东东',re1:123},{cccc:'dd',lk:'1qw'}];
for(var i=0,l=json.length;i<l;i++){
    for(var key in json[i]){
        alert(key+':'+json[i][key]);
    }
}
</script>

遍历json对象
有如下 json对象:

var obj ={”name”:”冯娟”,”password”:”123456″,”department”:”技术部”,”sex”:” 女”,”old”:30};
遍历方法:
for(var p in obj){
    str = str+obj[p]+',';
    return str;
}
Javascript 相关文章推荐
这些年、我收集的JQuery代码小结
Aug 01 Javascript
JavaScript 函数参数是传值(byVal)还是传址(byRef) 分享
Jul 02 Javascript
js实现字符串的16进制编码不加密
Apr 25 Javascript
node.js中的buffer.write方法使用说明
Dec 10 Javascript
JavaScript如何实现在文本框(密码框)输入提示语
Dec 25 Javascript
JS实现简单的右下角弹出提示窗口完整实例
Jun 21 Javascript
JS异步文件上传(兼容IE8+)
Apr 02 Javascript
Angular.js中angular-ui-router的简单实践
Jul 18 Javascript
node实现简单的反向代理服务器
Jul 26 Javascript
Vue中如何实现轮播图的示例代码
Jul 27 Javascript
原生JavaScript实现日历功能代码实例(无引用Jq)
Sep 23 Javascript
JS使用正则表达式提交页面验证的代码
Oct 16 Javascript
javascript alert乱码的解决方法
Nov 05 #Javascript
jquery三个关闭弹出层的小示例
Nov 05 #Javascript
jquery ajax post提交数据乱码
Nov 05 #Javascript
jquery ajax属性async(同步异步)示例
Nov 05 #Javascript
jQuery Ajax异步处理Json数据详解
Nov 05 #Javascript
Javascript脚本实现静态网页加密实例代码
Nov 05 #Javascript
客户端js性能优化小技巧整理
Nov 05 #Javascript
You might like
php面向对象全攻略 (十六) 对象的串行化
2009/09/30 PHP
ecshop 订单确认中显示省市地址信息的方法
2010/03/15 PHP
php轻松实现中英文混排字符串截取
2014/05/28 PHP
php基本函数汇总
2015/07/09 PHP
PHP编程中的__clone()方法使用详解
2015/11/27 PHP
最简单的jQuery程序 入门者学习
2009/07/09 Javascript
JavaScript Sort 表格排序
2009/10/31 Javascript
jquery下操作HTML控件的实现代码
2010/01/12 Javascript
javascript 函数调用的对象和方法
2010/07/01 Javascript
一个网页标题title的闪动提示效果实现思路
2014/03/22 Javascript
JavaScript中对象property的删除方法介绍
2014/12/30 Javascript
js style.display=block显示布局错乱问题的解决方法
2016/09/21 Javascript
angular forEach方法遍历源码解读
2017/01/25 Javascript
javascript 中的继承实例详解
2017/05/05 Javascript
js实现鼠标拖拽多选功能示例
2017/08/01 Javascript
微信小程序自定义弹窗wcPop插件
2018/11/19 Javascript
小程序二次贝塞尔曲线实现购物车商品曲线飞入效果
2019/01/07 Javascript
Vue表单之v-model绑定下拉列表功能
2019/05/14 Javascript
微信小程序实现底部弹出框
2020/11/18 Javascript
Python中模拟enum枚举类型的5种方法分享
2014/11/22 Python
详解Python 序列化Serialize 和 反序列化Deserialize
2017/08/20 Python
Python Pillow Image Invert
2019/01/22 Python
使用python的pandas为你的股票绘制趋势图
2019/06/26 Python
Django框架orM与自定义SQL语句混合事务控制操作
2019/06/27 Python
css3 border旋转时的动画应用
2016/01/22 HTML / CSS
HTML5 语义化结构化规范化
2008/10/17 HTML / CSS
动态密码技术
2012/10/18 面试题
在c#中using和new这两个关键字有什么意义
2013/05/19 面试题
本科生求职简历的自我评价
2013/10/21 职场文书
建设投标担保书
2014/05/13 职场文书
无犯罪记录证明样本
2015/06/16 职场文书
给领导敬酒词
2015/08/12 职场文书
新教师教学工作总结
2015/08/14 职场文书
网络安全倡议书(3篇)
2019/09/18 职场文书
nginx配置文件使用环境变量的操作方法
2021/06/02 Servers
Pygame Rect区域位置的使用(图文)
2021/11/17 Python