データ(配列,json)の処理
2374 ワード
時々私たちが連動イベントをしたり、動的なデータを取得したりするのは、配列、json形式のデータです.
これらのデータの迅速な処理を容易にするために、jqは私たちに多くの簡便な方法を提供してくれた.
each()メソッド
jQueryにはeachメソッドがあり、とても使いやすく、元のようにforループを書く必要はありません.jQueryソースコードにもeachメソッドがたくさんあります.
grep()メソッド配列要素フィルタリングgrep(array,callback,invert)array:フィルタ対象配列;callback:配列内の各要素を処理し、要素をフィルタします.この関数には2つのパラメータが含まれています.1つ目は現在の配列要素の値で、1つは現在の配列要素の下付き文字、すなわち要素インデックス値です.この関数はブール値を返します.また、この関数は文字列に設定できます.文字列に設定すると「lambda-form」(略語?)とみなされます.ここで、aは配列要素を表し、iは要素インデックス値を表す.「a>0」は「function(a){return a>0;}」を表すinvert:ブール型オプション、デフォルト値false、値trueまたはfalse、「invert」がfalseまたは設定の場合、関数はフィルタ関数によってtrueを返す配列の要素を返し、「invert」がtrueの場合、フィルタ関数にfalseを返す要素セットを返します.
データの処理には他にも多くの方法がありますが、この2つは比較的よく使われており、効果的です.
これらのデータの迅速な処理を容易にするために、jqは私たちに多くの簡便な方法を提供してくれた.
each()メソッド
jQueryにはeachメソッドがあり、とても使いやすく、元のようにforループを書く必要はありません.jQueryソースコードにもeachメソッドがたくさんあります.
<script type='text/javascript' src="/jquery.js"></script>
<script type="text/javascript">
$().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);
}
);
}
);
</script>
grep()メソッド配列要素フィルタリングgrep(array,callback,invert)array:フィルタ対象配列;callback:配列内の各要素を処理し、要素をフィルタします.この関数には2つのパラメータが含まれています.1つ目は現在の配列要素の値で、1つは現在の配列要素の下付き文字、すなわち要素インデックス値です.この関数はブール値を返します.また、この関数は文字列に設定できます.文字列に設定すると「lambda-form」(略語?)とみなされます.ここで、aは配列要素を表し、iは要素インデックス値を表す.「a>0」は「function(a){return a>0;}」を表すinvert:ブール型オプション、デフォルト値false、値trueまたはfalse、「invert」がfalseまたは設定の場合、関数はフィルタ関数によってtrueを返す配列の要素を返し、「invert」がtrueの場合、フィルタ関数にfalseを返す要素セットを返します.
<script type='text/javascript' src="/jquery.js"></script>
<script type="text/javascript">
$().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]); //for ;
}
}
);
</script>
データの処理には他にも多くの方法がありますが、この2つは比較的よく使われており、効果的です.