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 相关文章推荐
浅析JQuery获取和设置Select选项的常用方法总结
Jul 04 Javascript
js对图片base64编码字符串进行解码并输出图像示例
Mar 17 Javascript
iframe的onreadystatechange事件在firefox下的使用
Apr 16 Javascript
使用jQuery.wechat构建微信WEB应用
Oct 09 Javascript
Javascript中的高阶函数介绍
Mar 15 Javascript
JavaScript创建一个object对象并操作对象属性的用法
Mar 23 Javascript
javascript制作游戏开发碰撞检测的封装代码
Mar 31 Javascript
Jquery中使用show()与hide()方法动画显示和隐藏图片
Oct 08 Javascript
Bootstrap布局方式详解
May 27 Javascript
JavaScript执行环境及作用域链实例分析
Aug 01 Javascript
微信小程序实现的五星评价功能示例
Apr 25 Javascript
在微信小程序中使用vant的方法
Jun 07 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中获取url与物理路径的总结
2013/06/21 PHP
PHP、Python和Javascript的装饰器模式对比
2015/02/03 PHP
PHP实现的简单缓存类
2015/07/29 PHP
比Jquery的document.ready更快的方法
2010/04/28 Javascript
Ajax执行顺序流程及回调问题分析
2012/12/10 Javascript
js中的scroll和offset 使用比较的实例与分析
2013/09/29 Javascript
jQuery实现个性翻牌效果导航菜单的方法
2015/03/09 Javascript
JS+CSS相对定位实现的下拉菜单
2015/10/06 Javascript
AngularJS 路由和模板实例及路由地址简化方法(必看)
2016/06/24 Javascript
Angularjs使用directive自定义指令实现attribute继承的方法详解
2016/08/05 Javascript
通过网页查看JS源码中汉字显示乱码的解决方法
2016/10/26 Javascript
文件上传,iframe跨域数据提交的实现
2016/11/18 Javascript
Bootstrap列表组学习使用
2017/02/09 Javascript
微信小程序实战之登录页面制作(5)
2020/03/30 Javascript
jQuery实现左右滑动的toggle方法
2018/03/03 jQuery
微信小程序选择图片控件
2021/01/19 Javascript
Python def函数的定义、使用及参数传递实现代码
2014/08/10 Python
python单元测试unittest实例详解
2015/05/11 Python
详解Python中的__new__、__init__、__call__三个特殊方法
2016/06/02 Python
Python将多个excel文件合并为一个文件
2018/01/03 Python
pandas获取groupby分组里最大值所在的行方法
2018/04/20 Python
python 字符串和整数的转换方法
2018/06/25 Python
python画折线图的程序
2018/07/26 Python
用python写一个定时提醒程序的实现代码
2019/07/22 Python
Python configparser模块常用方法解析
2020/05/22 Python
纯CSS3实现表单验证效果(非常不错)
2017/01/18 HTML / CSS
东芝官网商城:还原日式美学,打造美好生活
2018/12/27 全球购物
ESDlife健康生活易:身体检查预订、搜寻及比较
2019/05/10 全球购物
中文系师范生自荐信
2013/10/01 职场文书
教育学专业实习生的自我鉴定
2013/11/26 职场文书
法制宣传标语集锦
2014/06/25 职场文书
党员个人对照检查材料
2014/10/01 职场文书
初中班主任工作总结2015
2015/05/13 职场文书
2015年药品销售工作总结范文
2015/05/25 职场文书
浅谈Python数学建模之数据导入
2021/06/23 Python
mysql 排序失效
2022/05/20 MySQL