jQuery篩選數(shù)組之grep、each、inArray、map的用法及遍歷json對象
更新時間：2016年06月20日 09:19:05 作者：沫魚
本文主要介紹jQuery中g(shù)rep、each、inArray、map的用法，并附實例講解，非常實用，有需要的朋友可以參考一下。
純粹記錄下幾種用法：
jquery grep()篩選遍歷數(shù)組
$().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()篩選遍歷數(shù)組
$().ready(
function(){
var anObject = {one:1,two:2,three:3};//對json數(shù)組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()篩選遍歷數(shù)組
$().ready(
function(){
var anArray = ['one','two','three'];
var index = $.inArray(‘two',anArray);
alert(index);//返回該值在數(shù)組中的鍵值，返回1
alert(anArray[index]);//value is two
}
);
jquery map()篩選遍歷數(shù)組
$().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”:”技術(shù)部”,”sex”:” 女”,”old”:30};
//遍歷方法：
for(var p in obj){
str = str+obj[p]+',';
return str;
}
以上就是本文的全部內(nèi)容，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
JQuery中form驗證出錯，可以采用以下方式來查看具體input的出錯信息，下面有個不錯的示例，有類似情況的朋友可以參考下2013-10-10
本文記錄了在項目中發(fā)現(xiàn)在IE9中不會立即觸發(fā)change事件，存在兼容問題的解決過程，非常的詳盡，解決過程中也有新問題出現(xiàn)，最終都解決完畢，完美實現(xiàn)了兼容各大主流瀏覽器2014-12-12
今天我們介紹的是提示框插件tooltip的制作，其中還會介紹到自定義選擇器插件的開發(fā)2012-08-08
jQuery實現(xiàn)的一個自定義Placeholder屬性插件
這篇文章主要介紹了jQuery實現(xiàn)的一個自定義Placeholder屬性插件,本文最后附有插件完整源碼,需要的朋友可以參考下2014-08-08
這篇文章主要介紹了jQuery中parent()方法用法,實例分析了parent()方法的功能、定義及取得緊鄰父元素的使用技巧,需要的朋友可以參考下2015-01-01
$.ajax()跟($.post(),$.get())最主要的差別就是 成功回調(diào)后,執(zhí)行success. . $.post(),$.get()就只能簡單的做下傳遞 ,返回. .后續(xù)工作沒法繼續(xù).所以看情況調(diào)用2012-09-09
jQuery頁面滾動浮動層智能定位實例代碼，需要的朋友可以參考下。2011-08-08
這篇文章主要介紹了jQuery超簡單選項卡實現(xiàn)方法,以一個完整實例形式較為詳細的分析了jQuery實現(xiàn)選項卡切換功能的相關(guān)技巧,非常簡單實用,需要的朋友可以參考下2015-09-09
JQuery 給元素綁定click事件多次執(zhí)行的解決方法
這篇文章主要介紹了JQuery 給元素綁定click事件多次執(zhí)行的解決方法,比較實用，需要的朋友可以參考下2014-09-09
關(guān)于html+ashx開發(fā)中幾個問題的解決方法
在跟html+ashx打交道的園友們肯定會發(fā)現(xiàn)，這種模式雖然優(yōu)美，但在開發(fā)中會遇到一些難處理的地方。我也不例外，下面是自己在實際開發(fā)中總結(jié)出來的幾條經(jīng)驗，希望跟大家分享，更希望得到大家的建議和更好的解決方法！2011-07-07