underscorejs-sortBy学习

2.17 sortBy

2.17.1 语法

_.sortBy(list, iteratee, [context])

2.17.2 说明

返回一个排序后的list拷贝副本。

  • list为集合,如数组、对象、字符串、arguments等
  • iteratee为排序的依据,可以为function,元素的属性、元素的key也可以全局方法。
  • iteratee也可以不传
  • iteratee的参数为(value, key, list)
  • iteratee如果是function需要返回值
  • context可以改变iteratee内部的this
  • 返回的结果是list的副本

2.17.3 代码示例

示例一: 比较适合于数组的元素是对象,进行排序

var stooges = [{name: 'moe', age: 60}, {name: 'larry', age: 40}, {name: 'curly', age: 50}];
var result = _.sortBy(stooges, 'age'); console.log(result);
//=> [{age: 40, name: 'larry'}, {age: 50, name: 'curly'}, {age: 60, name: 'moe'}]

示例二:iteratee为排序的依据

上例的iteratee对list元素的key,也可以是list元素的属性,或全局的方法。

var list = ['2.00', '1.000', '3.0', '-4'];

// iteratee为全局的方法
var arr1 = _.sortBy(list, Math.abs);
console.log(arr1) //=> ["1.000", "2.00", "3.0", "-4"] // iteratee为元素的属性
var arr2 = _.sortBy(list, 'length');
console.log(arr2); //=> ["-4", "3.0", "2.00", "1.000"]

示例三:list为集合

//数组
_.sortBy([1, 4, 7, 10, -2]); //=> [-2, 1, 4, 7, 10] //对象
_.sortBy({a: -2, b: 1, c: 4}); //=>[-2, 1, 4] //字符串
_.sortBy('45123'); //=>["1", "2", "3", "4", "5"] //arguments
(function(){
_.sortBy(arguments); //=>[-2, 1, 4]
}(-2, 1, 4));

示例四:iteratee的参数

_.sortBy(['a', 'b'], function(value, key, list){
console.log(value, key, list);
//=> a 0 ["a", "b"]
//=> b 1 ["a", "b"]
return value;
});

示例五:context可以改变iteratee内部的this

_.sortBy(['a'], function(value, key, list){
console.log(this); //=> Object {text: "hello"}
return value;
}, {text : 'hello'});

示例六: 返回的结果是list的副本

var list = ['1112', '222'];
var result = _.sortBy(list, 'length'); //list没有被改变
console.log(list); //=> ["1112", "222"]
console.log(result); //=> ["222", "1112"]

2.17.4 list特殊情况返回空数组

console.log(_.sortBy(null));
console.log(_.sortBy(NaN));
console.log(_.sortBy(undefined));
console.log(_.sortBy({}));
console.log(_.sortBy(''));
console.log(_.sortBy(true));
console.log(_.sortBy(false));

2.17.5 和_.map的对比

var list = [undefined, 4, 1, undefined, 3, 2];

var arr1 = _.map(list, function(){
});
var arr2 = _.sortBy(list, function(){
});
console.log(arr1); //=>[undefined, undefined, undefined, undefined, undefined, undefined]
console.log(arr2); //=>[undefined, 4, 1, undefined, 3, 2]

2.17.6 请将列表按at的值倒序输出(坑)

var list = [{
title : 1,
at : 1452691455595
},{
title : 3,
at : 1452691505847
},{
title : 2,
at : 1452691505347
}]; var result = (function(list){
//请写下你的代码
}(list)); console.log(result);
//=> [{title:3, at:1452691505847},{title:2, at: 1452691505347},{title:1, at:1452691455595}]

2.17.7 请将列表按stopDate的值排序输出。(坑)

不管是正序或倒序,stopDate的值null的时候,统一放在后面。

var list = [{
"id": "0",
"stopDate": null
}, {
"id": "1",
"stopDate": "10/06/2014"
}, {
"id": "2",
"stopDate": null
}, {
"id": "3",
"stopDate": "09/06/2014"
}]; var asc = (function (list) {
//请写下你的代码
}(list)); var desc = (function (list) {
//请写下你的代码
}(list));
上一篇:[转帖]Shell运维手册


下一篇:基于jQuery的Validate表单验证