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 相关文章推荐
js每次Title显示不同的名言
Sep 25 Javascript
IFrame跨域高度自适应实现代码
Aug 16 Javascript
js获取当前页面的url网址信息
Jun 12 Javascript
js的image onload事件使用遇到的问题
Jul 15 Javascript
使用js dom和jquery分别实现简单增删改
Sep 11 Javascript
js跨域问题浅析及解决方法优缺点对比
Nov 08 Javascript
JS+CSS实现简单滑动门(滑动菜单)效果
Sep 19 Javascript
详细讲解vue2+vuex+axios
May 27 Javascript
Express下采用bcryptjs进行密码加密的方法
Feb 07 Javascript
vue2.0学习之axios的封装与vuex介绍
May 28 Javascript
微信小程序中遇到的iOS兼容性问题小结
Nov 14 Javascript
Vue中的组件及路由使用实例代码详解
May 22 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中大于2038年时间戳的问题处理方案
2015/03/03 PHP
PHP实现批量上传单个文件
2015/12/29 PHP
JavaScript Base64编码和解码,实现URL参数传递。
2006/09/18 Javascript
JavaScript 类的定义和引用 JavaScript高级培训 自定义对象
2010/04/27 Javascript
javascript与CSS复习(二)
2010/06/29 Javascript
js 代码优化点滴记录
2012/02/19 Javascript
JavaScript实现网页图片等比例缩放实现代码及调用方式
2013/02/25 Javascript
js 使FORM表单的所有元素不可编辑的示例代码
2013/10/17 Javascript
深入理解JavaScript高级之词法作用域和作用域链
2013/12/10 Javascript
JS实现随机乱撞彩色圆球特效的方法
2015/05/05 Javascript
使用CamanJS在Web页面上处理图像的技巧
2015/08/18 Javascript
JavaScript阻止回车提交表单的方法
2015/12/30 Javascript
js制作网站首页图片轮播特效代码
2016/08/30 Javascript
详解如何使用webpack打包Vue工程
2017/05/27 Javascript
JavaScript实现设置默认日期范围为最近40天的方法分析
2017/07/12 Javascript
vue组件初学_弹射小球(实例讲解)
2017/09/06 Javascript
vue内置组件transition简单原理图文详解(小结)
2018/07/12 Javascript
Electron中实现大文件上传和断点续传功能
2018/10/28 Javascript
es6中reduce的基本使用方法
2019/09/10 Javascript
JavaScript修改注册表实例代码
2020/01/05 Javascript
js利用拖放实现添加删除
2020/08/27 Javascript
基于vue实现微博三方登录流程解析
2020/11/04 Javascript
pyqt4教程之widget使用示例分享
2014/03/07 Python
详解Python 序列化Serialize 和 反序列化Deserialize
2017/08/20 Python
基于Django用户认证系统详解
2018/02/21 Python
Python Numpy 数组的初始化和基本操作
2018/03/13 Python
Python工厂函数用法实例分析
2018/05/14 Python
对python添加模块路径的三种方法总结
2018/10/16 Python
Flask框架模板继承实现方法分析
2019/07/31 Python
MYSQL支持事务吗
2013/08/09 面试题
《桃花心木》教学反思
2014/02/17 职场文书
高三高考决心书
2014/03/11 职场文书
名人演讲稿范文
2014/09/16 职场文书
2015年事业单位工作总结
2015/04/27 职场文书
管理者们如何制定2019年的工作计划?
2019/07/01 职场文书
python缺失值填充方法示例代码
2022/12/24 Python