jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象


Posted in Javascript onJune 20, 2016

纯粹记录下几种用法:

jquery grep()筛选遍历数组

$().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]);
    }
  }
);

jquery each()筛选遍历数组

$().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);
    }
    );
  }
);

jquery inArray()筛选遍历数组

$().ready(
  function(){
    var anArray = ['one','two','three'];
    var index = $.inArray(‘two',anArray);
    alert(index);//返回该值在数组中的键值,返回1
    alert(anArray[index]);//value is two
  }
);

jquery map()筛选遍历数组

$().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]);
    }
  }
);

jquery遍历解析json对象1:

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]);
  }
}

jquery遍历解析json对象2

//有如下 json对象:
var obj ={”name”:”冯娟”,”password”:”123456″,”department”:”技术部”,”sex”:” 女”,”old”:30};
//遍历方法:
for(var p in obj){
  str = str+obj[p]+',';
  return str;
}

以上就是本文的全部内容,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript对象的property和prototype是这样一种关系
Mar 24 Javascript
wordpress之js库集合研究介绍
Aug 17 Javascript
JS获取农历日期具体实例
Nov 14 Javascript
jquery动态增加删除表格行的小例子
Nov 14 Javascript
javascript事件冒泡详解和捕获、阻止方法
Apr 12 Javascript
javascript 对象数组根据对象object key的值排序
Mar 09 Javascript
JavaScript操作XML文件之XML读取方法
Jun 09 Javascript
AngularJs ng-repeat 嵌套如何获取外层$index
Sep 21 Javascript
老生常谈javascript变量的命名规范和注释
Sep 29 Javascript
微信小程序 progress组件详解及实例代码
Oct 25 Javascript
AngularJS实现与后台服务器进行交互的示例讲解
Aug 13 Javascript
详解关于Angular4 ng-zorro使用过程中遇到的问题
Dec 05 Javascript
解决jQuery ajax请求在IE6中莫名中断的问题
Jun 20 #Javascript
indexedDB bootstrap angularjs之 MVC DOMO (应用示例)
Jun 20 #Javascript
JS控制层作圆周运动的方法
Jun 20 #Javascript
简单实现jQuery进度条轮播实例代码
Jun 20 #Javascript
移动端H5开发 Turn.js实现很棒的翻书效果
Jun 20 #Javascript
angularjs封装bootstrap时间插件datetimepicker
Jun 20 #Javascript
jQuery插件 Jqplot图表实例
Jun 18 #Javascript
You might like
ecshop 订单确认中显示省市地址信息的方法
2010/03/15 PHP
php中突破基于HTTP_REFERER的防盗链措施(stream_context_create)
2011/03/29 PHP
Views rows style模板重写代码
2011/05/16 PHP
PHP __autoload()方法真的影响性能吗?
2012/03/30 PHP
PHP+Mysql+Ajax+JS实现省市区三级联动
2014/05/23 PHP
PHP大文件分片上传的实现方法
2018/10/28 PHP
JSON 学习之完全手册 图文
2007/05/29 Javascript
jquery封装的对话框简单实现
2013/07/21 Javascript
JS根据变量保存方法名并执行方法示例
2014/04/04 Javascript
jQuery选择器简明总结(含用法实例,一目了然)
2014/04/25 Javascript
超炫的jquery仿flash导航栏特效
2014/11/11 Javascript
js实现浏览器窗口大小被改变时触发事件的方法
2015/02/02 Javascript
JS Ajax请求如何防止重复提交
2016/06/13 Javascript
真正好用的js验证上传文件大小的简单方法
2016/10/27 Javascript
微信小程序网络请求的封装与填坑之路
2017/04/01 Javascript
在bootstrap中实现轮播图实例代码
2017/06/11 Javascript
node.js express中app.param的用法详解
2017/07/16 Javascript
vue获取DOM元素并设置属性的两种实现方法
2017/09/30 Javascript
jQuery选择器之基本选择器用法实例分析
2019/02/19 jQuery
[00:32]2018DOTA2亚洲邀请赛Newbee出场
2018/04/03 DOTA
[00:12]2018DOTA2亚洲邀请赛SOLO赛 MidOne是否中单第一人?
2018/04/05 DOTA
在python中安装basemap的教程
2018/09/20 Python
PyQt弹出式对话框的常用方法及标准按钮类型
2019/02/27 Python
python+numpy按行求一个二维数组的最大值方法
2019/07/09 Python
详解pandas中利用DataFrame对象的.loc[]、.iloc[]方法抽取数据
2020/12/13 Python
利用CSS3的特性改变文本选中时的颜色
2013/09/11 HTML / CSS
美国背景检查、公共记录和人物搜索网站:BeenVerified
2018/02/25 全球购物
联想智利官方网站:Lenovo Chile
2020/06/03 全球购物
车辆转让协议书
2014/04/15 职场文书
运动会口号16字
2014/06/07 职场文书
党的群众路线教育实践活动总结
2014/10/30 职场文书
幼儿园小班个人工作总结
2015/02/12 职场文书
2015秋季开学典礼新闻稿
2015/07/17 职场文书
2016婚礼主持词开场白
2015/11/24 职场文书
QT连接MYSQL数据库的详细步骤
2021/07/07 MySQL
MySQL数据库查询之多表查询总结
2022/08/05 MySQL