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中暂停功能的实现代码
Mar 04 Javascript
JavaScript 动态生成方法的例子
Jul 22 Javascript
JavaScript代码复用模式实例分析
Dec 02 Javascript
鼠标选择动态改变网页背景颜色的JS代码
Dec 10 Javascript
js获取某元素的class里面的css属性值代码
Jan 16 Javascript
JS判断、校验MAC地址的2个实例
May 05 Javascript
JS实现仿QQ效果的三级竖向菜单
Sep 25 Javascript
JS递归遍历对象获得Value值方法技巧
Jun 14 Javascript
JS中Json数据的处理和解析JSON数据的方法详解
Jun 29 Javascript
js实现横向拖拽导航条功能
Feb 17 Javascript
Vue实现内部组件轮播切换效果的示例代码
Apr 07 Javascript
vue select组件的使用与禁用实现代码
Apr 10 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
php验证手机号码(支持归属地查询及编码为UTF8)
2013/02/01 PHP
php中10个不同等级压缩优化图片操作示例
2016/11/14 PHP
document 和 document.all 分别什么时候用
2006/06/22 Javascript
一个选择最快的服务器转向代码
2009/04/27 Javascript
javascript SpiderMonkey中的函数序列化如何进行
2012/12/05 Javascript
js取值中form.all和不加all的区别介绍
2014/01/20 Javascript
javascript实现checkbox全选的代码
2015/04/30 Javascript
jQuery的Scrollify插件实现滑动到页面下一节点
2015/07/05 Javascript
js实现点击向下展开的下拉菜单效果代码
2015/09/01 Javascript
JS+CSS实现简单滑动门(滑动菜单)效果
2015/09/19 Javascript
JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果
2015/10/14 Javascript
javascript实现粘贴qq截图功能(clipboardData)
2016/05/29 Javascript
关于Node.js中Buffer的一些你可能不知道的用法
2017/03/28 Javascript
解决webpack+Vue引入iView找不到字体文件的问题
2018/09/28 Javascript
微信小程序人脸识别功能代码实例
2019/05/07 Javascript
vue cli3.0 引入eslint 结合vscode使用
2019/05/27 Javascript
vue-mugen-scroll组件实现pc端滚动刷新
2019/08/16 Javascript
node实现简单的增删改查接口实例代码
2019/08/22 Javascript
Angular如何由模板生成DOM树的方法
2019/12/23 Javascript
vue-cli3.0实现一个多页面应用的历奇经历记录总结
2020/03/16 Javascript
vue使用screenfull插件实现全屏功能
2020/09/17 Javascript
[47:42]Fnatic vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python实现正弦信号的时域波形和频谱图示例【基于matplotlib】
2018/05/04 Python
对dataframe进行列相加,行相加的实例
2018/06/08 Python
用python爬取租房网站信息的代码
2018/12/14 Python
jupyter 使用Pillow包显示图像时inline显示方式
2020/04/24 Python
如何基于Python爬取隐秘的角落评论
2020/07/02 Python
俄罗斯茶和咖啡网上商店:Tea.ru
2021/01/26 全球购物
经典c++面试题三
2015/07/08 面试题
什么是servlet
2012/05/08 面试题
运动会广播稿80字
2014/01/23 职场文书
社区服务标语
2014/07/01 职场文书
2014党委书记四风对照检查材料思想汇报
2014/09/21 职场文书
2014年乡镇工会工作总结
2014/12/02 职场文书
2015年度保密工作总结
2015/04/24 职场文书
jquery插件实现搜索历史
2021/04/24 jQuery