首頁 > web前端 > js教程 > jquery遍歷數組方法和簡單遍歷json物件的範例程式碼匯總

jquery遍歷數組方法和簡單遍歷json物件的範例程式碼匯總

伊谢尔伦
發布: 2017-07-17 14:18:22
原創
1613 人瀏覽過

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 = [&#39;one&#39;,&#39;two&#39;,&#39;three&#39;]; 
$.each(anArray,function(n,value){ 
alert(n); 
alert(value); 
} 
); 
} 
);
登入後複製


jquery inArray()篩選遍歷陣列 

$().ready( 
function(){ 
var anArray = [&#39;one&#39;,&#39;two&#39;,&#39;three&#39;]; 
var index = $.inArray(‘two&#39;,anArray); 
alert(index);//返回该值在数组中的键值,返回1 
alert(anArray[index]);//value is two 
} 
);
登入後複製


#jquery map()篩選遍歷陣列 

$().ready( 
function(){ 
var strings = [&#39;0&#39;,&#39;1&#39;,&#39;2&#39;,&#39;3&#39;,&#39;4&#39;,&#39;S&#39;,&#39;6&#39;]; 
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物件

var json = [{dd:&#39;SB&#39;,AA:&#39;东东&#39;,re1:123},{cccc:&#39;dd&#39;,lk:&#39;1qw&#39;}]; 
for(var i=0,l=json.length;i<l;i++){ 
for(var key in json[i]){ 
alert(key+&#39;:&#39;+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]+&#39;,&#39;; 
return str; 
}
登入後複製

JS簡單循環遍歷json數組的方法。

例如資料庫裡面的json字串是這樣的

var str = &#39;[{"name":"宗2瓜","num":"1","price":"122"},{"name":"宗呱呱","num":"1","price":"100"}]&#39;;
var xqo = eval(&#39;(&#39; + str + &#39;)&#39;);
for(var i in xqo){
  alert(xqo[i].name);
}
登入後複製

上面的是js的,下面的是jquery來解析json字串,

var cc = jQuery.parseJSON(data);
alert(cc[0].title);
登入後複製

循環的話,跟上面一樣

以上是jquery遍歷數組方法和簡單遍歷json物件的範例程式碼匯總的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板