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 相关文章推荐
实现超用户体验 table排序javascript实现代码
Jun 22 Javascript
改变隐藏的input中value的值代码
Dec 30 Javascript
Jquery实现点击按钮,连续地向textarea中添加值的实例代码
Mar 08 Javascript
js实现在同一窗口浏览图片
Sep 17 Javascript
基于JavaScript判断浏览器到底是关闭还是刷新(超准确)
Feb 01 Javascript
JS去除空格和换行的正则表达式(推荐)
Jun 14 Javascript
JavaScript组成、引入、输出、运算符基础知识讲解
Dec 08 Javascript
jQuery实现三级联动效果
Mar 02 Javascript
详解使用vue-admin-template的优化历程
May 20 Javascript
vue实现点击当前标签高亮效果【推荐】
Jun 22 Javascript
移动端自适应flexible.js的使用方法(不用三大框架,仅写一个单html页面使用)推荐
Apr 02 Javascript
vue实现循环滚动列表
Jun 30 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
基于mysql的论坛(2)
2006/10/09 PHP
用PHP查询搜索引擎排名位置的代码
2010/01/05 PHP
LotusPhp笔记之:基于ObjectUtil组件的使用分析
2013/05/06 PHP
解析在apache里面给php写虚拟目录的详细方法
2013/06/24 PHP
php加速器eAccelerator的配置参数、API详解
2014/05/05 PHP
64位windows系统下安装Memcache缓存
2015/12/06 PHP
jquery 屏蔽一个区域内的所有元素,禁止输入
2009/10/22 Javascript
一个封装js代码-----展开收起效果示例
2013/07/03 Javascript
javascript闭包的高级使用方法实例
2013/07/04 Javascript
红米手机抢购的js代码
2014/03/10 Javascript
Javascript中的arguments对象
2016/06/20 Javascript
JS结合bootstrap实现基本的增删改查功能
2016/07/22 Javascript
Vue生命周期示例详解
2017/04/12 Javascript
详解用node.js实现简单的反向代理
2017/06/26 Javascript
利用js将ajax获取到的后台数据动态加载至网页中的方法
2018/08/08 Javascript
JS eval代码快速解密实例解析
2020/04/23 Javascript
Vue 事件的$event参数=事件的值案例
2021/01/29 Vue.js
[01:15:15]VG VS EG Supermajor小组赛B组胜者组第一轮 BO3第二场 6.2
2018/06/03 DOTA
[01:09:01]完美世界DOTA2联赛循环赛 Magma vs PXG BO2第一场 10.28
2020/10/28 DOTA
简单的编程0基础下Python入门指引
2015/04/01 Python
python实现Floyd算法
2018/01/03 Python
pandas重新生成索引的方法
2018/11/06 Python
对Python中的条件判断、循环以及循环的终止方法详解
2019/02/08 Python
python 实现将多条曲线画在一幅图上的方法
2019/07/07 Python
Python使用Pandas库常见操作详解
2020/01/16 Python
简单了解Python多态与属性运行原理
2020/06/15 Python
没编程基础可以学python吗
2020/06/17 Python
python 简单的调用有道翻译
2020/11/25 Python
html5的自定义data-*属性与jquery的data()方法的使用
2014/07/02 HTML / CSS
康拓普公司Java笔面试
2016/09/23 面试题
教师对学生的评语
2014/04/28 职场文书
优秀教导主任事迹材料
2014/05/09 职场文书
房产授权委托书范本
2014/09/22 职场文书
2015年英语教师工作总结
2015/05/20 职场文书
2016教师给学生的毕业寄语
2015/12/04 职场文书
css3 选择器
2022/05/11 HTML / CSS