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 相关文章推荐
HTTP状态代码以及定义(解释)
Feb 02 Javascript
javascript parseInt() 函数的进制转换注意细节
Jan 08 Javascript
解析Javascript中大括号“{}”的多义性
Dec 02 Javascript
AngularJS过滤器filter用法总结
Dec 13 Javascript
VUE中使用Vue-resource完成交互
Jul 21 Javascript
微信小程序module.exports模块化操作实例浅析
Dec 20 Javascript
解析JS在获取当前月的最后一天遇到的坑
Aug 30 Javascript
解析vue、angular深度作用选择器
Sep 11 Javascript
React Native 混合开发多入口加载方式详解
Sep 23 Javascript
jQuery实现简单弹幕效果
Nov 28 jQuery
node.JS的crypto加密模块使用方法详解(MD5,AES,Hmac,Diffie-Hellman加密)
Feb 06 Javascript
angular4实现带搜索的下拉框
Mar 25 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编程中字符串处理的5个技巧小结
2007/11/13 PHP
html静态页面调用php文件的方法
2014/11/13 PHP
php封装的smarty类完整实例
2016/10/19 PHP
javascript获取当前ip的代码
2009/05/10 Javascript
Javascript的时间戳和php的时间戳转换注意事项
2013/04/12 Javascript
js实现的复制兼容chrome和IE
2014/04/03 Javascript
javascript将浮点数转换成整数的三个方法
2014/06/23 Javascript
jQuery选择器源码解读(一):Sizzle方法
2015/03/31 Javascript
详解vue.js2.0父组件点击触发子组件方法
2017/05/10 Javascript
Vue自定义指令详解
2017/07/28 Javascript
浅谈Vue路由快照实现思路及其问题
2018/06/07 Javascript
学习React中ref的两个demo示例
2018/08/14 Javascript
node链接mongodb数据库的方法详解【阿里云服务器环境ubuntu】
2019/03/07 Javascript
jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
2020/06/02 jQuery
[53:18]Spirit vs Liquid Supermajor小组赛A组 BO3 第三场 6.2
2018/06/03 DOTA
Python之csv文件从MySQL数据库导入导出的方法
2018/06/21 Python
Python实现iOS自动化打包详解步骤
2018/10/03 Python
Python 隐藏输入密码时屏幕回显的实例
2019/02/19 Python
在Pycharm中使用GitHub的方法步骤
2019/06/13 Python
python hashlib加密实现代码
2019/10/17 Python
图解python全局变量与局部变量相关知识
2019/11/02 Python
利用python实现逐步回归
2020/02/24 Python
python torch.utils.data.DataLoader使用方法
2020/04/02 Python
详解appium自动化测试工具(monitor、uiautomatorviewer)
2021/01/27 Python
墨西哥运动服饰和鞋网上商店:Netshoes墨西哥
2016/07/28 全球购物
印尼购物网站:iLOTTE
2019/10/16 全球购物
ParcelABC西班牙:包裹运送和快递服务
2019/12/24 全球购物
营销与策划应届生求职信
2013/11/04 职场文书
《自然之道》教学反思
2014/02/11 职场文书
GMP办公室主任岗位职责
2014/03/14 职场文书
驻村工作先进事迹
2014/08/14 职场文书
2014坚持党风廉政建设思想汇报
2014/09/18 职场文书
统计员岗位职责范本
2015/04/14 职场文书
创业计划书之青年旅馆
2019/09/23 职场文书
电子表的操作介绍说明书
2019/10/28 职场文书
分享提高 Python 代码的可读性的技巧
2022/03/03 Python