jqueryを使用して配列とオブジェクトを走査する方法は何ですか

伊谢尔伦
リリース: 2017-07-17 14:10:09
オリジナル
1592 人が閲覧しました

grep

grep()メソッドは、配列要素をフィルタリングするために使用されます
grep(array,callback,invert)
array:フィルタリングされる配列;
callback:この関数で、配列内の各要素を処理し、要素をフィルタリングします2 つのパラメーターが含まれます。1 つは現在の配列要素の値で、もう 1 つは現在の配列要素の添字、つまり要素のインデックス値です。この関数はブール値を返す必要があります。あるいは、この関数を string に設定することもできます。文字列に設定すると、「ラムダ形式」(短い形式?) として扱われます。ここで、a は配列要素を表し、i は要素のインデックス値を表します。たとえば、「a > 0」は「function(a){ return a > 0; }」を表します。
invert: ブール型オプション、デフォルト値 false、値は true または false、「invert」が false または If set の場合、関数はフィルタリング関数によって true として返される配列内の要素を返します。「invert」が true の場合、フィルタリング関数によって false として返される要素のセットが返されます。以前のように
for ループ
を記述する必要もありません。jQuery ソース コードには各メソッドが多数使用されています。

実際、jQueryの各メソッドはjsのcallメソッドを通じて実装されています。

<script type=&#39;text/javascript&#39; 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]);
        }
    }
);
</script>
ログイン後にコピー


inArray

jQuery.isArray(obj) は jQuery 1.3 の新機能です。オブジェクトが配列であるかどうかをテストします。戻り値: Booleanパラメータ: objObject は、配列のオブジェクトであるかどうかをテストするために使用されます例: 配列であるかどうかを検出します

<script type=&#39;text/javascript&#39; 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 = [&#39;one&#39;,&#39;two&#39;,&#39;three&#39;];
        $.each(anArray,function(n,value){
            alert(n);
            alert(value);
        }
        );
    }
);
</script>
ログイン後にコピー



map
map() 各要素を、関数を作成し、値を返す新しい jQuery オブジェクトを生成します。
戻り値は jQuery によってカプセル化された配列であるため、get() を使用して返されたオブジェクトを処理し、基になる配列を取得します。
.map() メソッドは、一連の要素の値を取得または設定する場合に特に便利です。 JSON オブジェクトを反復処理する一連の
checkboxes

を含む次のフォーム

<script type=&#39;text/javascript&#39; src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
    function(){
        var anArray = [&#39;one&#39;,&#39;two&#39;,&#39;three&#39;];
        var index = $.inArray(&#39;two&#39;,anArray);
        alert(index);//返回该值在数组中的键值,返回1
        alert(anArray[index]);//value is two
    }
);
</script>
ログイン後にコピー



を考えてみましょう。

以上がjqueryを使用して配列とオブジェクトを走査する方法は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート