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代码[翻译]
Feb 12 Javascript
js 获取class的元素的方法 以及创建方法getElementsByClassName
Mar 11 Javascript
不同Jquery版本引发的问题解决
Oct 14 Javascript
BootStrap中的Fontawesome 图标
May 25 Javascript
微信小程序商品到详情的实现
Jun 27 Javascript
webpack配置sass模块的加载的方法
Jul 30 Javascript
详解angular路由高亮之RouterLinkActive
Apr 28 Javascript
react在安卓中输入框被手机键盘遮挡问题的解决方法
Sep 03 Javascript
vue文件运行的方法教学
Feb 12 Javascript
前端路由&amp;webpack基础配置详解
Jun 10 Javascript
Vue路由守卫之路由独享守卫
Sep 25 Javascript
原生javascript制作贪吃蛇小游戏的方法分析
Feb 26 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
如何实现给定日期的若干天以后的日期
2006/10/09 PHP
两个开源的Php输出Excel文件类
2010/02/08 PHP
破解图片防盗链的代码(asp/php)测试通过
2010/07/02 PHP
php XPath对XML文件查找及修改实现代码
2011/07/27 PHP
PHP中include与require使用方法区别详解
2013/10/19 PHP
php读取mysql的简单实例
2014/01/15 PHP
PHP实现克鲁斯卡尔算法实例解析
2014/08/22 PHP
php调用自己java程序的方法详解
2016/05/13 PHP
js螺旋动画效果的具体实例
2013/11/15 Javascript
js实现图片旋转的三种方法
2014/04/10 Javascript
jQuery实现html表格动态添加新行的方法
2015/05/28 Javascript
Javascript removeChild()删除节点及删除子节点的方法
2015/12/27 Javascript
基于Vue.js 2.0实现百度搜索框效果
2020/12/28 Javascript
react学习笔记之state以及setState的使用
2017/12/07 Javascript
基于js文件加载优化(详解)
2018/01/03 Javascript
vue动态路由配置及路由传参的方式
2018/05/23 Javascript
小程序点击图片实现自动播放视频
2020/05/29 Javascript
JavaScript 九种跨域方式实现原理
2019/02/11 Javascript
vue3实现v-model原理详解
2019/10/09 Javascript
浅谈element中InfiniteScroll按需引入的一点注意事项
2020/06/05 Javascript
Element Rate 评分的使用方法
2020/07/27 Javascript
微信小程序实现登录注册功能
2020/12/29 Javascript
[01:02:03]2014 DOTA2华西杯精英邀请赛 5 24 NewBee VS VG
2014/05/26 DOTA
python 捕获shell脚本的输出结果实例
2017/01/04 Python
Python中str.format()详解
2017/03/12 Python
微信跳一跳游戏python脚本
2020/04/01 Python
python查看列的唯一值方法
2018/07/17 Python
基于python的BP神经网络及异或实现过程解析
2019/09/30 Python
python实现KNN分类算法
2019/10/16 Python
利用CSS3的flexbox实现水平垂直居中与三列等高布局
2016/09/12 HTML / CSS
婚庆司仪主持词
2014/03/15 职场文书
恰同学少年观后感
2015/06/08 职场文书
五一晚会主持词
2015/07/01 职场文书
2015秋季开学演讲稿范文
2015/07/16 职场文书
oracle表分区的概念及操作
2021/04/24 Oracle
详解CSS故障艺术
2021/05/25 HTML / CSS