HOME > > > >

map

_.map(list, iterator, [context]) Alias: collect

list
array|object
iterator
function
[context]
??

listの要素に対して iterator を実行し返す値で「新しい配列」を作成する。 listがobjectの場合、value, key, listを引数に取る。

サンプル

実行結果

実行 削除

Javascript

  1. debug1 = new Debug('#code1-dump');
  2. $('span#code1-execute').on('click', function(e){
  3.     var arr = _.map([1, 2, 3], function(value){
  4.         return value * 3;
  5.     });
  6.  
  7.     debug1.dump(arr);
  8. });
  9.  
  10. $('span#code1-console-clear').on('click', function(e){
  11.     debug1.clear();
  12. });

HTML

  1. <span class="cq-btn m-success" id="code1-execute">実行</span>
  2. <span class="cq-btn m-danger" id="code1-console-clear">削除</span>
  3. <div id="code1-dump"></div>

listがobjectの場合、iteratorはvalue, keyをとる。

サンプル

実行結果

実行 削除

Javascript

  1. debug2 = new Debug('#code2-dump');
  2. $('span#code2-execute').on('click', function(e){
  3.     var arr = _.map({18: '田中 将大', 37: '嶋 基宏', 6: '藤田 一也'}, function(value, key){
  4.         return '#' + key + '=>' + value;
  5.     });
  6.  
  7.     debug2.dump(arr);
  8. });
  9.  
  10. $('span#code2-console-clear').on('click', function(e){
  11.     debug2.clear();
  12. });

HTML

  1. <span class="cq-btn m-success" id="code2-execute">実行</span>
  2. <span class="cq-btn m-danger" id="code2-console-clear">削除</span>
  3. <div id="code2-dump"></div>
参照サイト