jQueryでの.mapの使い方を詳しく解説

jQuery.mapの使い方

jQuery.map(array,callback)
ある配列の要素を別の配列に変換します。
パラメータとしての変換関数は配列要素ごとに呼び出され、変換関数には変換される要素を表すパラメータが渡されます。変換関数は、変換された値、null (配列から項目を削除)、または元の配列に展開された値を含む配列を返すことができます。

------------------------------------------------ --------------------------------

Translate all items in an array to another array of items.
The translation function that is provided to this method is called for each item in the array and is passed one argument: 
The item to be translated. The function can then return the translated value, 'null' (to remove the item), 
or an array of values - which will be flattened into the full array.

戻り値
配列

パラメータ
array(配列): to配列を変換します。

callback (関数): 配列要素ごとに呼び出され、変換関数には変換された要素を表す要素がパラメータとして渡されます。関数は任意の値を返すことができます。あるいは、この関数は文字列に設定することもできます。文字列に設定すると、a が配列要素を表す「ラムダ形式」(短い形式?) として扱われます。たとえば、「a * a」は「function(a){ return a * a; }」を表します。

例
新しい配列に 4 を加算して、元の配列の各要素を変換します。

jQuery コード:

$.map( [0,1,2], function(n){
return n + 4;
});

結果:

[4, 5, 6]

-------------------------------------- ------------ -------------------------------------- ------------

元の配列が 0 の要素に 1 を加算し、それ以外の場合は削除します。

jQuery コード:

$.map( [0,1,2], function(n){
return n > 0 ? n + 1 : null;
});

結果:

[2, 3]

-------------------------------------- ------------ -------------------------------------- --------

元の配列の各要素は、それ自体とその値に 1 を加えた値を含む配列に拡張され、新しい配列に変換されます。

jQuery コード:

$.map( [0,1,2], function(n){
return [ n, n + 1 ];
});

結果:

[0, 1, 1, 2, 2, 3]

配列内の 0 未満の要素をフィルターします。

HTML コード:

<p>First</p><p>Second</p><p>Third</p><p>Fourth</p>

jQuery コード:

var arr = jQuery.makeArray(document.getElementsByTagName_r("p"));
arr.reverse(); // 使用数组翻转函数

結果:

Fourth
Third
Second
First

配列内の 0 未満の要素をフィルターします。

HTML コード:

<p>First</p><p>Second</p><p>Third</p><p>Fourth</p>

jQuery コード:

var arr = jQuery.makeArray(document.getElementsByTagName_r("p"));
arr.reverse(); // 使用数组翻转函数

結果:

Fourth
Third
Second
First

配列内の 0 未満の要素をフィルターします。

HTML コード:

<p>First</p><p>Second</p><p>Third</p><p>Fourth</p>

jQuery コード:

var arr = jQuery.makeArray(document.getElementsByTagName_r("p"));
arr.reverse(); // 使用数组翻转函数

結果:

Fourth
Third
Second
First

添付ファイル: 配列内の 0 未満の要素をフィルターします。

HTML コード:

<p>First</p><p>Second</p><p>Third</p><p>Fourth</p>

jQuery コード:

var arr = jQuery.makeArray(document.getElementsByTagName_r("p"));
arr.reverse(); // 使用数组翻转函数

結果:

Fourth
Third
Second
First

以上がjQueryでの.mapの使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。