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 相关文章推荐
AppBaseJs 类库 网上常用的javascript函数及其他js类库写的
Mar 04 Javascript
javascript实现可改变滚动方向的无缝滚动实例
Jun 17 Javascript
非常好用的JsonToString 方法 简单实例
Jul 18 Javascript
jquery实现两个图片渐变切换效果的方法
Jun 25 Javascript
Vue.js报错Failed to resolve filter问题的解决方法
May 25 Javascript
js正则表达式注册页面表单验证
Oct 11 Javascript
js给table赋值的实例代码
Oct 13 Javascript
详解VUE 数组更新
Dec 16 Javascript
Vue中computed与methods的区别详解
Mar 24 Javascript
详解如何模拟实现node中的Events模块(通俗易懂版)
Apr 15 Javascript
Vue项目实现简单的权限控制管理功能
Jul 17 Javascript
Node Express用法详解【安装、使用、路由、中间件、模板引擎等】
May 13 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安全之直接用$获取值而不$_GET 字符转义
2012/06/03 PHP
解析关于wamp启动是80端口被占用的问题
2013/06/21 PHP
PHP+jQuery 注册模块开发详解
2014/10/14 PHP
php 人员权限管理(RBAC)实例(推荐)
2017/05/24 PHP
PHP从零开始打造自己的MVC框架之路由类实现方法分析
2019/06/03 PHP
一个JS小玩意 几个属性相加不能超过一个特定值.
2009/09/29 Javascript
checkbox全选所涉及到的知识点介绍
2013/12/31 Javascript
浅谈javascript中的instanceof和typeof
2015/02/27 Javascript
详解javascript跨浏览器事件处理程序
2016/03/27 Javascript
bootstrap提示标签、提示框实现代码
2016/12/28 Javascript
Vue2.0表单校验组件vee-validate的使用详解
2017/05/02 Javascript
JavaScript中的E-mail 地址格式验证
2018/03/28 Javascript
详解webpack-dev-server 设置反向代理解决跨域问题
2018/04/18 Javascript
微信小程序实现之手势锁功能实例代码
2018/07/19 Javascript
Javascript的this详解
2019/03/23 Javascript
react基本安装与测试示例
2020/04/27 Javascript
javascript实现简易计算器功能
2020/09/23 Javascript
Python自动登录126邮箱的方法
2015/07/10 Python
Python脚本实现自动发带图的微博
2016/04/27 Python
Python编程把二叉树打印成多行代码
2018/01/04 Python
Python用 KNN 进行验证码识别的实现方法
2018/02/06 Python
Python装饰器(decorator)定义与用法详解
2018/02/09 Python
对python抓取需要登录网站数据的方法详解
2018/05/21 Python
Django中间件实现拦截器的方法
2018/06/01 Python
django使用xadmin的全局配置详解
2019/11/15 Python
浅谈pandas dataframe对除数是零的处理
2020/07/20 Python
Python Socket多线程并发原理及实现
2020/12/11 Python
Html5适配iphoneX刘海屏的简单实现
2019/04/09 HTML / CSS
自我评价优秀范文分享
2013/11/30 职场文书
户外婚礼策划方案
2014/02/08 职场文书
中学生自我评价范文
2014/02/08 职场文书
任命书模板
2014/06/04 职场文书
征兵宣传标语
2014/06/20 职场文书
创新社会管理心得体会
2014/09/12 职场文书
CSS实现章节添加自增序号的方法
2021/06/23 HTML / CSS
MySQL 主从复制数据不一致的解决方法
2022/03/18 MySQL