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 相关文章推荐
Mozilla 表达式 __noSuchMethod__
Apr 05 Javascript
Dom 结点创建 基础知识
Oct 01 Javascript
js控制web打印(局部打印)方法整理
May 29 Javascript
JS实现点击文字对应DIV层不停闪动效果的方法
Mar 02 Javascript
jQuery scrollFix滚动定位插件
Apr 01 Javascript
AngularJs bootstrap搭载前台框架——准备工作
Sep 01 Javascript
深入学习js瀑布流布局
Oct 14 Javascript
javascript中json对象json数组json字符串互转及取值方法
Apr 19 Javascript
解决Vue axios post请求,后台获取不到数据的问题方法
Aug 11 Javascript
浅谈Vue.use的使用
Aug 29 Javascript
vue双向绑定及观察者模式详解
Mar 19 Javascript
浅析Vue中拆分视图层代码的5点建议
Aug 15 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自定义的格式化时间示例代码
2013/12/05 PHP
php绘图之加载外部图片的方法
2015/01/24 PHP
php实现生成PDF文件的方法示例【基于FPDF类库】
2018/07/21 PHP
浅析jQuery中常用的元素查找方法总结
2013/07/04 Javascript
JavaScript获得页面base标签中url的方法
2015/04/03 Javascript
很酷的星级评分系统原生JS实现
2016/08/25 Javascript
jQuery Validate让普通按钮触发表单验证的方法
2016/12/15 Javascript
JS解决IOS中拍照图片预览旋转90度BUG的问题
2017/09/13 Javascript
移动端效果之Swiper详解
2017/10/09 Javascript
node vue项目开发之前后端分离实战记录
2017/12/13 Javascript
Nodejs使用Mongodb存储与提供后端CRD服务详解
2018/09/04 NodeJs
简单了解Javscript中兄弟ifream的方法调用
2019/06/17 Javascript
微信小程序基于高德地图查找位置并显示文字
2019/10/30 Javascript
vant实现购物车功能
2020/06/29 Javascript
js实现简单扫雷
2020/11/27 Javascript
基于react项目打包css引用路径错误解决方案
2020/10/28 Javascript
Python 冒泡,选择,插入排序使用实例
2015/02/05 Python
用Python编写一个简单的Lisp解释器的教程
2015/04/03 Python
基于Python实现对PDF文件的OCR识别
2016/08/05 Python
简单实现python画圆功能
2018/01/25 Python
解决python os.mkdir创建目录失败的问题
2018/10/16 Python
CentOS下Python3的安装及创建虚拟环境的方法
2018/11/28 Python
python实现提取COCO,VOC数据集中特定的类
2020/03/10 Python
Python 实现自动完成A4标签排版打印功能
2020/04/09 Python
python文件路径操作方法总结
2020/12/21 Python
机电一体化自荐信
2013/12/10 职场文书
法警的竞聘演讲稿
2014/01/02 职场文书
有趣的广告词
2014/03/18 职场文书
拓展策划方案
2014/06/03 职场文书
志愿者个人总结
2015/03/03 职场文书
治庸问责工作总结
2015/08/11 职场文书
高质量“欢迎词”
2019/04/03 职场文书
《烈火英雄》观后感:致敬和平时代的英雄
2019/11/11 职场文书
php TP5框架生成二维码链接
2021/04/01 PHP
详解CSS故障艺术
2021/05/25 HTML / CSS
java固定大小队列的几种实现方式详解
2021/07/15 Java/Android