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使用prototype定义对象类型
Feb 07 Javascript
JS+XML 省份和城市之间的联动实现代码
Oct 14 Javascript
js中关于String对象的replace使用详解
May 24 Javascript
jquery form 加载数据示例
Apr 21 Javascript
fixedBox固定div漂浮代码支持ie6以上大部分主流浏览器
Jun 26 Javascript
node.js中的console.timeEnd方法使用说明
Dec 09 Javascript
js简单工厂模式用法实例
Jun 30 Javascript
jQuery实现的简洁下拉菜单导航效果代码
Aug 26 Javascript
在ASP.NET MVC项目中使用RequireJS库的用法示例
Feb 15 Javascript
JavaScript实现移动端滑动选择日期功能
Jun 21 Javascript
深入浅出理解JavaScript高级定时器原理与用法
Aug 02 Javascript
vue+webpack 更换主题N种方案优劣分析
Oct 28 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 intval的测试代码发现问题
2008/07/27 PHP
Laravel实现用户注册和登录
2015/01/23 PHP
php按字符无乱码截取中文的方法
2015/03/27 PHP
浅谈本地WAMP环境的搭建
2015/05/13 PHP
PHP中文字符串截断无乱码解决方法
2016/10/10 PHP
动态为事件添加js代码示例
2009/02/15 Javascript
Javascript中的var_dump函数实现代码
2009/09/07 Javascript
jquery 模板的应用示例
2013/11/12 Javascript
JavaScript实现班级随机点名小应用需求的具体分析
2014/05/12 Javascript
JavaScript组合拼接字符串的效率对比测试
2014/11/06 Javascript
JS 作用域与作用域链详解
2015/04/07 Javascript
jquery插件jSignature实现手动签名
2015/05/04 Javascript
bootstrap下拉列表与输入框组结合的样式调整
2016/10/08 Javascript
jQuery EasyUI tree 使用拖拽时遇到的错误小结
2016/10/10 Javascript
AngularJS实现动态编译添加到dom中的方法
2016/11/04 Javascript
bootstrap的3级菜单样式,支持母版页保留打开状态实现方法
2016/11/10 Javascript
详解JS-- 浮点数运算处理
2016/11/28 Javascript
Ionic+AngularJS实现登录和注册带验证功能
2017/02/09 Javascript
vue.js如何将echarts封装为组件一键使用详解
2017/10/10 Javascript
Vue父子组件双向绑定传值的实现方法
2018/07/31 Javascript
node和vue实现商城用户地址模块
2018/12/05 Javascript
vue项目中使用AES实现密码加密解密(ECB和CBC两种模式)
2019/08/12 Javascript
JavaScript享元模式原理与用法实例详解
2020/03/09 Javascript
[03:38]2014DOTA2西雅图国际邀请赛 VG战队巡礼
2014/07/07 DOTA
python 测试实现方法
2008/12/24 Python
python3 flask实现文件上传功能
2020/03/20 Python
python ipset管理 增删白名单的方法
2019/01/14 Python
PyTorch加载预训练模型实例(pretrained)
2020/01/17 Python
python实现井字棋小游戏
2020/03/04 Python
Python request post上传文件常见要点
2020/11/20 Python
纯CSS实现右侧底部悬浮效果(悬浮QQ、微信、微博、邮箱等联系方式)
2015/04/24 HTML / CSS
2015年小学开学寄语
2015/02/27 职场文书
雷锋电影观后感
2015/06/10 职场文书
任命书格式模板
2015/09/22 职场文书
Mysql 用户权限管理实现
2021/05/25 MySQL
源码安装apache脚本部署过程详解
2022/09/23 Servers