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 相关文章推荐
兼容多浏览器的字幕特效Marquee的通用js类
Jul 20 Javascript
Javascript 面向对象(一)(共有方法,私有方法,特权方法)
May 23 Javascript
javascript中parentNode,childNodes,children的应用详解
Dec 17 Javascript
javascript:void(0)的问题使用探讨
Apr 10 Javascript
js 获取input点选按钮的值的方法
Apr 14 Javascript
JQuery实现鼠标滚轮滑动到页面节点
Jul 28 Javascript
js下拉选择框与输入框联动实现添加选中值到输入框的方法
Aug 17 Javascript
基于javascript编写简单日历
May 02 Javascript
vue初尝试--项目结构(推荐)
Jan 30 Javascript
微信小程序实现渐入渐出动画效果
Jun 13 Javascript
微信小程序云函数添加数据到数据库的方法
Mar 04 Javascript
基于Vue sessionStorage实现保留搜索框搜索内容
Jun 01 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
BBS(php &amp; mysql)完整版(五)
2006/10/09 PHP
PHP5+UTF8多文件上传类
2008/10/17 PHP
PHP-redis中文文档介绍
2013/02/07 PHP
推荐一款MAC OS X 下php集成开发环境mamp
2014/11/08 PHP
初识javascript 文档碎片
2010/07/13 Javascript
jQuery阻止冒泡和HTML默认操作
2010/11/17 Javascript
Javascript 判断是否存在函数的方法
2013/01/03 Javascript
Javascript中valueOf与toString区别浅析
2013/03/19 Javascript
js快速排序的实现代码
2013/12/08 Javascript
调用jQuery滑出效果时闪烁的解决方法
2014/03/27 Javascript
用jquery修复在iframe下的页面锚点失效问题
2014/08/22 Javascript
js面向对象之静态方法和静态属性实例分析
2015/01/10 Javascript
JavaScript获取IP获取的是IPV6 如何校验
2016/06/12 Javascript
Bootstrap Table从零开始
2017/06/30 Javascript
AngularJS使用ui-route实现多层嵌套路由的示例
2018/01/10 Javascript
详解Vue单元测试Karma+Mocha学习笔记
2018/01/31 Javascript
微信小程序rich-text富文本用法实例分析
2019/05/20 Javascript
举例详解Python中threading模块的几个常用方法
2015/06/18 Python
Python基于回溯法子集树模板解决找零问题示例
2017/09/11 Python
Python3实现的字典、列表和json对象互转功能示例
2018/05/22 Python
由Python编写的MySQL管理工具代码实例
2019/04/09 Python
python中selenium操作下拉滚动条的几种方法汇总
2019/07/14 Python
树莓派使用python-librtmp实现rtmp推流h264的方法
2019/07/22 Python
python如何实现单链表的反转
2020/02/10 Python
Python使用pdb调试代码的技巧
2020/05/03 Python
如何用python实现一个HTTP连接池
2021/01/14 Python
土木工程毕业生自荐信
2013/09/21 职场文书
我们的节日端午节活动方案
2014/03/02 职场文书
自查自纠工作总结
2014/10/15 职场文书
小学优秀教师材料
2014/12/15 职场文书
国庆庆典邀请函
2015/02/02 职场文书
python Polars库的使用简介
2021/04/21 Python
CSS极坐标的实例代码
2021/06/03 HTML / CSS
浅谈GO中的Channel以及死锁的造成
2022/03/18 Golang
Python if else条件语句形式详解
2022/03/24 Python
Mysql数据库事务的脏读幻读及不可重复读详解
2022/05/30 MySQL