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 相关文章推荐
flash遮住div问题的正确解决方法
Feb 27 Javascript
用js一次改变多个input的readonly属性值的方法
Jun 11 Javascript
采用自执行的匿名函数解决for循环使用闭包的问题
Sep 11 Javascript
jQuery中slice()方法用法实例
Jan 07 Javascript
Angular.js回顾ng-app和ng-model使用技巧
Apr 26 Javascript
在DWR中实现直接获取一个JAVA类的返回值的两种方法
Dec 25 Javascript
Bootstrap弹出框之自定义悬停框标题、内容和样式示例代码
Jul 11 Javascript
Bootstrap Paginator+PageHelper实现分页效果
Dec 29 Javascript
Vue中正确使用Element-UI组件的方法实例
Oct 13 Javascript
编写v-for循环的技巧汇总
Dec 01 Javascript
jquery实现鼠标悬浮弹出气泡提示框
Dec 23 jQuery
vue实力踩坑之push当前页无效
Apr 10 Vue.js
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/03/10 PHP
phpmyadmin导入(import)文件限制的解决办法
2009/12/11 PHP
php检测文件编码的方法示例
2014/04/25 PHP
php学习笔记之基础知识
2014/11/08 PHP
php实现数组纵向转横向并过滤重复值的方法分析
2017/05/29 PHP
PHP设计模式之装饰器模式定义与用法详解
2018/04/02 PHP
PHP 访问数据库配置通用方法(json)
2018/05/20 PHP
phpstorm最新激活码分享亲测phpstorm2020.2.3版可用
2020/11/22 PHP
用一段js程序来实现动画功能
2007/03/06 Javascript
需要做特殊处理的DOM元素属性的访问
2010/11/05 Javascript
JQuery实现倒计时按钮的实现代码
2012/03/23 Javascript
js中对象的声明方式以及数组的一些用法示例
2013/12/11 Javascript
bootstrap data与jquery .data
2014/07/07 Javascript
基于jquery和svg实现超炫酷的动画特效
2014/12/09 Javascript
javascript鼠标滑动评分控件完整实例
2015/05/13 Javascript
js修改onclick动作的四种方法(推荐)
2016/08/18 Javascript
微信小程序 地图(map)实例详解
2016/11/16 Javascript
使用AngularJS2中的指令实现按钮的切换效果
2017/03/27 Javascript
dropload.js插件下拉刷新和上拉加载使用详解
2017/10/20 Javascript
详解在Javascript中进行面向切面编程
2019/04/28 Javascript
给Python IDLE加上自动补全和历史功能
2014/11/30 Python
Pthon批量处理将pdb文件生成dssp文件
2015/06/21 Python
对python指数、幂数拟合curve_fit详解
2018/12/29 Python
wxpython布局的实现方法
2019/11/01 Python
python爬虫可以爬什么
2020/06/16 Python
Python如何执行系统命令
2020/09/23 Python
HTML5地理定位实例
2014/10/15 HTML / CSS
荷兰音乐会和音乐剧门票订购网站:Topticketshop
2019/08/27 全球购物
环境工程专业自荐信
2014/03/03 职场文书
会计专业导师推荐信
2014/03/08 职场文书
如何写自我鉴定
2014/03/19 职场文书
幼儿园儿童节活动主持词+串词大全
2014/03/21 职场文书
学党史心得体会
2014/09/05 职场文书
2014年环保工作总结
2014/11/26 职场文书
毕业论文致谢怎么写
2015/05/14 职场文书
win10更新失败无限重启解决方法
2022/04/19 数码科技