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 相关文章推荐
解析Node.js基于模块和包的代码部署方式
Feb 16 Javascript
jquery ajax局部加载方法详解(实现代码)
May 12 Javascript
Bootstrap框架安装使用详解
Jan 21 Javascript
jQuery实现标签页效果实战(4)
Feb 08 Javascript
bootstrap表单按回车会自动刷新页面的解决办法
Mar 08 Javascript
详解vue嵌套路由-query传递参数
May 23 Javascript
vue 虚拟dom的patch源码分析
Mar 01 Javascript
iview table render集成switch开关的实例
Mar 14 Javascript
angularJs自定义过滤器实现手机号信息隐藏的方法
Oct 08 Javascript
小程序实现横向滑动日历效果
Oct 21 Javascript
微信小程序自定义tabbar custom-tab-bar 6s出不来解决方案(cover-view不兼容)
Nov 01 Javascript
JavaScript中arguments的使用方法详解
Dec 20 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下10件你也许并不了解的事情
2008/09/11 PHP
有关phpmailer的详细介绍及使用方法
2013/01/28 PHP
php使用session二维数组实例
2014/11/06 PHP
PHP中is_file()函数使用指南
2015/05/08 PHP
基于Swoole实现PHP与websocket聊天室
2016/08/03 PHP
PHP执行系统命令函数实例讲解
2021/03/03 PHP
文本加密解密
2006/06/23 Javascript
比较简单的异步加载JS文件的代码
2009/07/18 Javascript
JavaScript 在网页上单击鼠标的地方显示层及关闭层
2012/12/30 Javascript
javascript控制在光标位置插入文字适合表情的插入
2014/06/09 Javascript
详细分析使用AngularJS编程中提交表单的方式
2015/06/19 Javascript
JavaScript使用encodeURI()和decodeURI()获取字符串值的方法
2015/08/04 Javascript
Jquery代码实现图片轮播效果(一)
2015/08/12 Javascript
AngularJS轻松实现双击排序的功能
2016/08/30 Javascript
DOM操作原生js 的bug,使用jQuery 可以消除的解决方法
2016/09/04 Javascript
使用Javascript判断浏览器终端设备(PC、IOS(iphone)、Android)
2017/01/04 Javascript
jQueryeasyui 中如何使用datetimebox 取两个日期间相隔的天数
2017/06/13 jQuery
VSCode中如何利用d.ts文件进行js智能提示
2018/04/13 Javascript
使用Vue-cli3.0创建的项目 如何发布npm包
2019/10/10 Javascript
elementui更改el-dialog关闭按钮的图标d的示例代码
2020/08/04 Javascript
python3.3使用tkinter开发猜数字游戏示例
2014/03/14 Python
用Python实现web端用户登录和注册功能的教程
2015/04/30 Python
浅谈django orm 优化
2018/08/18 Python
使用python PIL库实现简单验证码的去噪方法步骤
2019/05/10 Python
python3 批量获取对应端口服务的实例
2019/07/25 Python
Python实现字符串中某个字母的替代功能
2019/10/21 Python
python+selenium 脚本实现每天自动登记的思路详解
2020/03/11 Python
在python中使用pyspark读写Hive数据操作
2020/06/06 Python
娇韵诗加拿大官网:Clarins加拿大
2017/11/20 全球购物
美国最大的高尔夫发球时间预订网站:TeeOff.com
2018/03/28 全球购物
招商经理岗位职责
2013/11/16 职场文书
数控专业个人求职信范例
2013/11/29 职场文书
室内设计专业个人的自我评价
2013/12/18 职场文书
考试保密承诺书
2014/08/30 职场文书
2014年师德师风自我剖析材料
2014/09/27 职场文书
《丑小鸭》教学反思
2016/02/19 职场文书