データ(配列,json)の処理

2374 ワード

時々私たちが連動イベントをしたり、動的なデータを取得したりするのは、配列、json形式のデータです.
これらのデータの迅速な処理を容易にするために、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つは比較的よく使われており、効果的です.