HOME > > > > >

jQuery.map()

jQuery.map( array, callback(elementOfArray, indexInArray) )

引数

(array)array
何らかの加工したい配列
(function)callback
arrayに実行する関数

戻り値

Array
Array

arrayにcallback関数を実行して実行結果で新しい配列生成する。 callback関数の中でnullを返すと新しい配列には追加されない。

サンプル

実行結果




Javascript

  1. var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
  2. $('.jqTest').click(function(e){
  3.     switch ($(e.target).val()) {
  4.         case 'execute1':
  5.             var new_arr = jQuery.map(arr, function(val, key){
  6.                 if (val % 2 == 0) {
  7.                     return val + 'は偶数';
  8.                 }
  9.             });
  10.         break;
  11.  
  12.         case 'execute2':
  13.             var new_arr = jQuery.map(arr, function(val, key){
  14.                 if (val % 2 == 0) {
  15.                     return ['[key:' + key, 'val:' + val + ']'];
  16.                 }
  17.             });
  18.         break;
  19.  
  20.         case 'execute3':
  21.             var new_arr = jQuery.map(arr, function(val, key){
  22.                 if (val % 2 == 0) {
  23.                     return [[key, val], [key, val]];
  24.                 }
  25.             });
  26.         break;
  27.     }
  28.  
  29.     alert(new_arr + '[length]' + new_arr.length);
  30. });

HTML

  1. <div class="jqTest">
  2.     <input type="button" value="execute1" class="execute1"/><br />
  3.     <input type="button" value="execute2" class="execute2"/><br />
  4.     <input type="button" value="execute3" class="execute3"/><br />
  5. </div>

jQuery.map( arrayOrObject, callback( value, indexOrKey ) )