HOME > > > >

sortBy

.sortBy(list, iteratee, [context])

listの要素をソートしたlistを返す。 iterateeが関数の場合、その返り値、文字の場合listの要素のプロパティでソートする。 例えばlength

list
array
[iteratee]
function|string
[context]
[iteratee]の中でthisとして扱われる

_.sortBy(list, iteratee)

サンプル

実行結果

実行 削除

Javascript

  1. debug1 = new Debug('#code1-dump');
  2. $('span#code1-execute').on('click', function(e){
  3.     var list = _.sortBy(
  4.         [4326, 43, 3, 45, 432, 5465],
  5.         function (num) {
  6.             return num;
  7.         }
  8.     );
  9.  
  10.     debug1.dump(list);
  11. });
  12.  
  13. $('span#code1-console-clear').on('click', function(e){
  14.     debug1.clear();
  15. });

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>

_.sortBy(list, iteratee)

listに含まれるオブジェクトのopsでソート

サンプル

実行結果

実行 削除

Javascript

  1. var debug2 = new Debug('#code2-dump');
  2.  
  3. $('#code2-execute').on('click', function(e){
  4.     var data = [
  5.         {name: '柳田 悠岐', team: 'ソフトバンク', ops: 1.168, nicename: 'ギータ'},
  6.         {name: '秋山 翔吾', team: '西武', ops: 1.005},
  7.         {name: '中村 奨吾', team: 'ロッテ', ops: 0.842},
  8.         {name: '森 友哉', team: '西武', ops: 0.851},
  9.         {name: '浅村 栄斗', team: '西武', ops: 0.925}
  10.     ];
  11.  
  12.     var list = _.sortBy(data, 'ops');
  13.  
  14.     debug2.dump(list);
  15. });
  16.  
  17. $('#code2-console-clear').on('click', function(e){
  18.     debug2.clear();
  19. });

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" class="result-window"></div>
参照サイト