当前位置:  编程技术>jquery

jquery遍历筛选数组、遍历解析json对象的方法

    来源: 互联网  发布时间:2014-09-03

    本文导语:  本节内容: jquery遍历筛选数组、遍历解析json对象。 1,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 ...

本节内容:
jquery遍历筛选数组、遍历解析json对象。

1,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

$(function(){
$('#loadButton').click(function(){
$.getScript(//在Firefox/3.0.1中会出现一个错误(语法错误,定义的变量不起作用,ff2没问题)
'new.stuff.js'//,function(){$('#inspectButton').click()}
);
});
$('#inspectButton').click(function(){
someFunction(someVariable);
test()
});
});



Load
Inspect

2,Js文件:
 

代码示例:

alert("I'm inline!");
var someVariable = 'Value of someVariable';
function someFunction(value) {
alert(value);
}

function test() {
alert('test');
}
alert("I'm inline!");
var someVariable = 'Value of someVariable';
function someFunction(value) {
alert(value);
}
function test() {
alert('test');
}

3,jquery数组处理:
 

代码示例:




jquery数组处理-www.



var $ = 'Hi!';
jQuery(function(){
alert('$ = '+ $);//这里的 $ 为 Hi!,把它变回jquery的符号:jQuery(function($){...}/这样就可以了
//alert(jQuery)

});
jQuery(function($){
//------------遍历数组 .each的使用-------------
var anArray = ['one','two','three'];
$.each(anArray,function(n,value) {
//do something here
//alert(n+' '+value);
});
var anObject = {one:1, two:2, three:3};
$.each(anObject,function(name,value) {
//do something here
//alert(name+' '+value);
});

//-----------过滤数组 .grep的使用------------
var originalArray =[99,101,103];

var bigNumbers = $.grep(originalArray,'a>100');//第2种写法,还可以用正则表达式来过滤
$.each(bigNumbers,function(n,value) {
//do something here
//alert(n+' '+value);
});

//------------转换数组 .map的使用------------
var strings = ['1','2','3','4','S','K','6'];
var values = $.map(strings,function(value){
var result = new Number(value);
return isNaN(result) ? null : result;//如果result不是数字则 返回null(返回null在这里相当于不返回)
});
$.each(values,function(n,value) {
//do something here
//alert(value);
});

var characters = $.map(
['this','that','other thing'],
function(value){return value.split('');}//分离字符串用返回给characters
);
//alert(characters.length);

//------------.inArray(value,array)的使用------------返回value在array下标的位置,如果value不在array中则返回-1
var index = $.inArray(2,[1,2,3,4,5]);
//alert(index);

//------------makeArray(obj)的使用------------将类数组对象转换为数组对象。
var arr = jQuery.makeArray(document.getElementsByTagName_r("div"));
//arr.reverse(); // 使用数组翻转函数
$.each(arr,function(n,value) {
//do something here
//alert(n+' '+value);
//alert(value.html());
});
var arr2 =$.unique(document.getElementsByTagName_r("div")); //获得唯一的对象,看API,说得很模
糊,http://docs.jquery.com/Utilities/jQuery.unique
alert();
$.each(arr2,function(n,value) {
//do something here
alert(n+' '+value);
});
});



First
Second
Third
Fourth
Fourth



    
 
 

您可能感兴趣的文章:

  • jquery遍历筛选数组与遍历解析json对象
  • jquery遍历checkbox代码与说明
  • jquery进行数组遍历如何跳出当前的each循环
  • jquery遍历checkbox的注意事项说明
  • jquery遍历checkbox简单示例
  • jquery遍历checkbox介绍
  • Jquery遍历Table表头(示例)
  • jQuery遍历Table应用示例
  • jQuery基于当前元素进行下一步的遍历
  • jquery遍历select元素的二种方法(实例)
  • jquery遍历select元素(实例讲解)
  • Jquery遍历checkbox获取选中项value值的方法
  • jquery中each遍历对象和数组示例
  • Jquery遍历修改url请求参数的代码详解
  • jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别
  • Jquery遍历节点的实现代码
  • jquery遍历与修改url请求参数的方法
  • JQuery 节点遍历的例子
  • Jquery遍历节点的方法小集
  • Jquery节点遍历next与nextAll方法使用示例
  • jquery数组过滤筛选方法grep()简介
  • JQuery index方法获取Jquery对象数组下标
  • jquery数组之存放checkbox全选值示例代码
  • jquery如何把数组变为字符串传到服务端并处理
  • jquery数组处理的经典例子
  • Jquery操作js数组及对象示例代码
  • jquery数组封装使用方法分享(jquery数组遍历)
  • Jquery调用Webservice传递Json数组
  • jquery基础教程之数组使用详解
  • jquery遍历筛选数组的几种方法和遍历解析json对象
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • JQuery 筛选器介绍
  • JQuery 筛选器解析
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • JQuery 筛选器介绍 iis7站长之家
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin
  • jQuery日历插件 jQuery Week Calendar
  • jQuery的中文日历插件 jQuery.datePickerCn
  • jQuery实现CSS3动画效果的插件 jQuery Transit
  • jQuery的CSV插件 jQuery CSV
  • jQuery的气泡提示插件 jquery.ns_bub.js
  • jQuery气泡提示插件 jquery-rollover-tooltip
  • jQuery对话框 jQuery Modal Dialog
  • jQuery 插件 jQuery Ripples
  • 精简版的jQuery jQuery.ish
  • jQuery的OpenSocial插件 OpenSocial jQuery


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3