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中this关键字使用方法详解
Mar 08 Javascript
Javascript表达式中连续的 &amp;&amp; 和 || 之赋值区别
Oct 17 Javascript
jquery json 实例代码
Dec 02 Javascript
基于JQuery的日期联动实现代码
Feb 24 Javascript
JavaScript代码性能优化总结(推荐)
May 16 Javascript
JS调用某段SQL语句的方法
Oct 20 Javascript
JS实现线性表的顺序表示方法示例【经典数据结构】
Apr 11 Javascript
浅谈webpack 自动刷新与解析
Apr 09 Javascript
angular2 组件之间通过service互相传递的实例
Sep 30 Javascript
d3.js 地铁轨道交通项目实战
Nov 27 Javascript
JQuery中的常用事件、对象属性与使用方法分析
Dec 23 jQuery
VUE解决跨域问题Access to XMLHttpRequest at
May 06 Vue.js
解决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分页类的代码
2011/05/18 PHP
ThinkPHP表单自动验证实例
2014/10/13 PHP
PHP实现链表的定义与反转功能示例
2018/06/09 PHP
PHP笛卡尔积实现算法示例
2018/07/30 PHP
一个加密JavaScript的开源工具PACKER2.0.2
2006/11/04 Javascript
星期几的不同脚本写法(推荐)
2016/06/01 Javascript
jQuery实现按钮点击遮罩加载及处理完后恢复的效果
2016/06/07 Javascript
微信小程序 开发工具快捷键整理
2016/10/31 Javascript
基于JavaScript实现带数据验证和复选框的表单提交
2017/08/23 Javascript
inner join 内联与left join 左联的实例代码
2017/09/18 Javascript
node.js学习之事件模块Events的使用示例
2017/09/28 Javascript
vue路由事件beforeRouteLeave及组件内定时器的清除方法
2018/09/29 Javascript
koa2 从入门到精通(小结)
2019/07/23 Javascript
vuex管理状态仓库使用详解
2020/07/29 Javascript
解决ant Design Search无法输入内容的问题
2020/10/29 Javascript
zbar解码二维码和条形码示例
2014/02/07 Python
python 模拟创建seafile 目录操作示例
2019/09/26 Python
通过代码实例解析Pytest运行流程
2020/08/20 Python
美国现代家具和家居商店:Apt2B
2016/08/29 全球购物
单身旅行者的单身假期:Just You
2018/04/08 全球购物
Petmate品牌官方网站:宠物用品
2018/11/25 全球购物
法国购买二手电子产品网站:Asgoodasnew
2020/03/27 全球购物
亿阳信通股份有限公司C#笔试题
2016/12/06 面试题
初中生三年学习生活的自我评价
2013/11/03 职场文书
经贸日语毕业生自荐信
2013/11/03 职场文书
酒店实习个人鉴定
2013/12/07 职场文书
2013年学期结束动员演讲稿
2014/01/07 职场文书
《从现在开始》教学反思
2014/04/15 职场文书
反腐倡廉演讲稿
2014/05/22 职场文书
高中生旷课检讨书
2014/10/08 职场文书
建国大业观后感800字
2015/06/01 职场文书
会计继续教育培训心得体会
2016/01/19 职场文书
python设置 matplotlib 正确显示中文的四种方式
2021/05/10 Python
详细了解MVC+proxy
2021/07/09 Java/Android
python字典的元素访问实例详解
2021/07/21 Python
NodeJs使用webpack打包项目的方法详解
2022/02/28 NodeJs