Home > Article > Web Front-end > jquery遍历筛选数组的几种方法和遍历解析json对象_jquery

jquery遍历筛选数组的几种方法和遍历解析json对象_jquery

WBOYOriginal: 2016-05-16 17:09:221431browse

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;ialert(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]); 
} 
} 
); 

js遍历解析json对象1

复制代码代码如下:

 
var json = [{dd:'SB',AA:'东东',re1:123},{cccc:'dd',lk:'1qw'}]; 
for(var i=0,l=json.length;ifor(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: value="imperial"/>

$('span[price] input[type=text]') ：拿取下面的input元素

disabled="disabled" value="1"/>

$('div',$(this).parents('div:first'))：拿取该div的上（至少都是父节点）的第一个div节点
$('~ span:first',this)： locates the first sibling of this that's a element.

延迟加载js文件：
$.getScript

例子：
Html文件:

复制代码代码如下:

$.getScript Example

$.getScript Example

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'); 
} 

jquery数组处理：

复制代码代码如下:

Hi!

First
Second
Third
Fourth
Fourth

Hi!

First
Second
Third
Fourth
Fourth

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：xmlhttp缓存清除的2种解决方法_javascript技巧Next article：js setTimeout()函数介绍及应用以倒计时为例_javascript技巧

See more

jquery遍历筛选数组的几种方法和遍历解析json对象_jquery

Related articles