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 相关文章推荐
JavaScript 打地鼠游戏代码说明
Oct 12 Javascript
javascript折半查找详解
Jan 26 Javascript
jquery实现标题字体变换的滑动门菜单效果
Sep 07 Javascript
JavaScript设置、获取、清除单值和多值cookie的方法
Nov 17 Javascript
JavaScript使ifram跨域相互访问及与PHP通信的实例
Mar 03 Javascript
JavaScript中的原型继承基础学习教程
May 06 Javascript
基于jQuery实现页面搜索功能
Mar 26 Javascript
js表单序列化判断空值的实例
Sep 22 Javascript
Vue框架之goods组件开发详解
Jan 25 Javascript
layui 给数据表格加序号的方法
Aug 20 Javascript
vue计算属性无法监听到数组内部变化的解决方案
Nov 06 Javascript
原生js实现五子棋游戏
May 28 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
ThinkPHP的模版中调用session数据的方法
2014/07/01 PHP
smarty内置函数foreach用法实例
2015/01/22 PHP
php注册登录系统简化版
2020/12/28 PHP
PHP+HTML+JavaScript+Css实现简单爬虫开发
2016/03/28 PHP
PHP获取数组中单列值的方法
2017/06/10 PHP
小型js框架veryide.librar源代码
2009/03/05 Javascript
基于jquery的表头固定的若干方法
2011/01/27 Javascript
javascript简单实现图片预加载
2014/12/03 Javascript
js实现Select列表各项上移和下移的方法
2015/08/14 Javascript
jQuery实现指定区域外单击关闭指定层的方法【经典】
2016/06/22 Javascript
JS遍历页面所有对象属性及实现方法
2016/08/01 Javascript
JS 组件系列之 bootstrap treegrid 组件封装过程
2017/04/28 Javascript
vue时间格式化实例代码
2017/06/13 Javascript
Vue2.0 http请求以及loading展示实例
2018/03/06 Javascript
jquery实现动态创建form并提交的方法示例
2019/05/27 jQuery
判断“命令按钮”是否被鼠标单击详解
2019/07/31 Javascript
jQuery中DOM操作原则实例分析
2019/08/01 jQuery
nodejs中使用archive压缩文件的实现代码
2019/11/26 NodeJs
js原生map实现的方法总结
2020/01/19 Javascript
JS监听组合按键思路及实现过程
2020/04/17 Javascript
Python基于scrapy采集数据时使用代理服务器的方法
2015/04/16 Python
python函数装饰器用法实例详解
2015/06/04 Python
Python过滤列表用法实例分析
2016/04/29 Python
python类:class创建、数据方法属性及访问控制详解
2016/07/25 Python
python使用mysql数据库示例代码
2017/05/21 Python
Python使用回溯法子集树模板获取最长公共子序列(LCS)的方法
2017/09/08 Python
python实现一个简单的并查集的示例代码
2018/03/19 Python
python实现多层感知器
2019/01/18 Python
python实现随机加减法生成器
2020/02/24 Python
Python安装第三方库攻略(pip和Anaconda)
2020/10/15 Python
初中生自我评价
2014/02/01 职场文书
2014年社区植树节活动方案
2014/02/28 职场文书
交通安全责任书范本
2014/07/24 职场文书
导师对论文的学术评语
2015/01/04 职场文书
新员工试用期工作总结2015
2015/05/28 职场文书
MySQL系列之十一 日志记录
2021/07/02 MySQL