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中获取未知对象属性的代码
Apr 27 Javascript
jquery实现未经美化的简洁TAB菜单效果
Aug 28 Javascript
前端框架Vue.js构建大型应用浅析
Sep 12 Javascript
详解jQuery中基本的动画方法
Dec 14 Javascript
jQuery实现可编辑表格并生成json结果(实例代码)
Jul 19 jQuery
vue打包的时候自动将px转成rem的操作方法
Jun 20 Javascript
JS实现十分钟倒计时代码实例
Oct 18 Javascript
JS集合set类的实现与使用方法示例
Feb 01 Javascript
vue视图不更新情况详解
May 16 Javascript
微信小程序Echarts图表组件使用方法详解
Jun 25 Javascript
微信小程序实现语音识别转文字功能及遇到的坑
Aug 02 Javascript
详解Vue3使用axios的配置教程
Apr 29 Vue.js
解决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
回答PHPCHINA上的几个问题:URL映射
2007/02/14 PHP
PHP中类的继承和用法实例分析
2016/05/24 PHP
php插件Xajax使用方法详解
2017/08/31 PHP
PHP抽象类与接口的区别详解
2019/03/21 PHP
js获取页面传来参数的方法
2014/09/06 Javascript
javascript实现带节日和农历的日历特效
2015/02/01 Javascript
Js与Jq 获取页面元素值的方法和差异对比
2015/04/30 Javascript
jQuery中 attr() 方法使用小结
2015/05/03 Javascript
jQuery取消ajax请求的方法
2015/06/09 Javascript
js和jQuery设置Opacity半透明 兼容IE6
2016/05/24 Javascript
微信js-sdk界面操作接口用法示例
2016/10/12 Javascript
微信小程序 动态传参实例详解
2017/04/27 Javascript
JQuery EasyUI 结合ztrIee的后台页面开发实例
2017/09/01 jQuery
jQuery实现的页面遮罩层功能示例【测试可用】
2017/10/14 jQuery
在vue项目中集成graphql(vue-ApolloClient)
2018/09/08 Javascript
jQuery实现适用于移动端的跑马灯抽奖特效示例
2019/01/18 jQuery
Vue中实现权限控制的方法示例
2019/06/07 Javascript
理解Python中的With语句
2015/02/02 Python
简单分析Python中用fork()函数生成的子进程
2015/05/04 Python
利用selenium 3.7和python3添加cookie模拟登陆的实现
2017/11/20 Python
Python3多进程 multiprocessing 模块实例详解
2018/06/11 Python
python+selenium 鼠标事件操作方法
2019/08/24 Python
详解PyQt5中textBrowser显示print语句输出的简单方法
2020/08/07 Python
CSS3中的display:grid,网格布局介绍
2019/10/30 HTML / CSS
解决H5的a标签的download属性下载service上的文件出现跨域问题
2019/07/16 HTML / CSS
运动会广播稿80字
2014/01/23 职场文书
丑小鸭教学反思
2014/02/03 职场文书
负责人任命书范本
2014/06/04 职场文书
汽车维修求职信
2014/06/15 职场文书
主题团日活动总结
2014/06/25 职场文书
2014年职称评定工作总结
2014/11/26 职场文书
实习生个人总结范文
2015/02/28 职场文书
小学教师岗位职责
2015/04/02 职场文书
父亲去世追悼词
2015/06/23 职场文书
婚宴致辞
2015/07/28 职场文书
女人创业励志语录,句句蕴含能量,激发你的潜能
2019/08/20 职场文书