600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > jquery遍历筛选数组与json对象办法合集

jquery遍历筛选数组与json对象办法合集

时间:2022-12-06 04:50:45

相关推荐

jquery遍历筛选数组与json对象办法合集

web前端|js教程

javascript,jquery,json

web前端-js教程jquery grep()筛选遍历数组

下载收费类网站源码,vscode和vsst,ubuntu蓝牙互联,tomcat怎么启用,sqlite 人形怪,阿里云服务器 再买个数据盘吗,图片轮播 插件,前端框架哪个最难,爬虫pdf模块,php语言培训学校,排名seo优化怎么做,网站自动采集归类系统,微信网页切换代码,手机导航栏 模板,菜单不随页面滚动js,图书管理系统模版,程序资源共享lzw

$().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()筛选遍历数组

portal对接 源码,vscode 按f5直接运行,ubuntu编译报错,tomcat监控好牌子推荐,header爬虫隐藏,php系统架构设计,河北百度seo优化公司lzw

$().ready( function(){ var anObject = {one:1,two:2,three:3};//对json数组each $.each(anObject,function(name,value) { alert(name); alert(value); }); var anArray = [one, wo, hree]; $.each(anArray,function(n,value){ alert(n); alert(value); } ); } );

jquery inArray()筛选遍历数组

怎么美化源码,vscode写c怎么运行,ubuntu卸载 宝塔,如何快速部署tomcat,爬虫如何筛选,c md5 php,温江区网络推广seo,帝国cms网站图文分离,dedecms校园模板免费下载lzw

$().ready( function(){ var anArray = [one, wo, hree]; var index = $.inArray(‘two,anArray); alert(index);//返回该值在数组中的键值,返回1 alert(anArray[index]);//value is two } );

jquery map()筛选遍历数组

$().ready( function(){ var strings = [,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]); } } );

js遍历解析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]); } }

js遍历解析json对象2

有如下 json对象:

var obj ={”name”:”冯娟”,”password”:”123456″,”department”:”技术部”,”sex”:” 女”,”old”:30}; 遍历方法: for(var p in obj){ str = str+obj[p]+,; return str; }

下面通过例子来说明下具体实现方法

JQuery拿取对象的方式

$(‘#id) :通过元素的id $(‘tagName) : 通过元素的标签名 $(‘tagName tagName) : 通过元素的标签名,eg: $(‘ul li) $(‘tagName#id): 通过元素的id和标签名 $(‘:checkbox):拿取input的 type为checkbox的所有元素: Eg: $(span[price] input[type=text]) :拿取下面的input元素 $(p,$(this).parents(p:first)):拿取该p的上(至少都是父节点)的第一个p节点 $(~ span:first,this): locates the first sibling of this thats a element.

延迟加载js文件:

$.getScript

例子:

Html文件:

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

Js文件:

alert("Im inline!"); var someVariable = Value of someVariable; function someFunction(value) { alert(value); } function test() { alert( est); } alert("Im inline!"); var someVariable = Value of someVariable; function someFunction(value) { alert(value); } function test() { alert( est); }

jquery数组处理:

Hi!var $ = Hi!; jQuery(function(){ alert($ = + $);//这里的 $ 为 Hi!,把它变回jquery的符号:jQuery(function($){...}/这样就可以了 //alert(jQuery) }); jQuery(function($){ //------------遍历数组 .each的使用------------- var anArray = [one, wo, hree]; $.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( [ his, hat,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("p")); //arr.reverse(); // 使用数组翻转函数 $.each(arr,function(n,value) { //do something here //alert(n+ +value); //alert(value.html()); }); var arr2 =$.unique(document.getElementsByTagName_r("p")); //获得唯一的对象,看API,说得很模 糊,/Utilities/jQuery.unique alert(); $.each(arr2,function(n,value) { //do something here alert(n+ +value); }); });

First

Second

Third

Fourth

Fourth

Hi!var $ = Hi!; jQuery(function(){ alert($ = + $);//这里的 $ 为 Hi!,把它变回jquery的符号:jQuery(function($){...}/这样就可以了 //alert(jQuery) }); jQuery(function($){ //------------遍历数组 .each的使用------------- var anArray = [one, wo, hree]; $.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( [ his, hat,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("p")); //arr.reverse(); // 使用数组翻转函数 $.each(arr,function(n,value) { //do something here //alert(n+ +value); //alert(value.html()); }); var arr2 =$.unique(document.getElementsByTagName_r("p")); //获得唯一的对象,看API,说得很模 糊,/Utilities/jQuery.unique alert(); $.each(arr2,function(n,value) { //do something here alert(n+ +value); }); });

First

Second

Third

Fourth

Fourth

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。