我使用AJAX获取了以下对象，并将它们存储在数组中：
var homes = [
{
"h_id": "3",
"city": "Dallas",
"state": "TX",
"zip": "75201",
"price": "162500"
}, {
"h_id": "4",
"city": "Bevery Hills",
"state": "CA",
"zip": "90210",
"price": "319250"
}, {
"h_id": "5",
"city": "New York",
"state": "NY",
"zip": "00010",
"price": "962500"
}
];
如何创建一个函数，仅使用JavaScript按price属性按升序或降序对对象进行排序？
当前回答
虽然仅对单个数组进行排序有点过分，但该原型函数允许使用点语法按任何键（包括嵌套键）按升序或降序对Javascript数组进行排序。
(function(){
var keyPaths = [];
var saveKeyPath = function(path) {
keyPaths.push({
sign: (path[0] === '+' || path[0] === '-')? parseInt(path.shift()+1) : 1,
path: path
});
};
var valueOf = function(object, path) {
var ptr = object;
for (var i=0,l=path.length; i<l; i++) ptr = ptr[path[i]];
return ptr;
};
var comparer = function(a, b) {
for (var i = 0, l = keyPaths.length; i < l; i++) {
aVal = valueOf(a, keyPaths[i].path);
bVal = valueOf(b, keyPaths[i].path);
if (aVal > bVal) return keyPaths[i].sign;
if (aVal < bVal) return -keyPaths[i].sign;
}
return 0;
};
Array.prototype.sortBy = function() {
keyPaths = [];
for (var i=0,l=arguments.length; i<l; i++) {
switch (typeof(arguments[i])) {
case "object": saveKeyPath(arguments[i]); break;
case "string": saveKeyPath(arguments[i].match(/[+-]|[^.]+/g)); break;
}
}
return this.sort(comparer);
};
})();
用法：
var data = [
{ name: { first: 'Josh', last: 'Jones' }, age: 30 },
{ name: { first: 'Carlos', last: 'Jacques' }, age: 19 },
{ name: { first: 'Carlos', last: 'Dante' }, age: 23 },
{ name: { first: 'Tim', last: 'Marley' }, age: 9 },
{ name: { first: 'Courtney', last: 'Smith' }, age: 27 },
{ name: { first: 'Bob', last: 'Smith' }, age: 30 }
]
data.sortBy('age'); // "Tim Marley(9)", "Carlos Jacques(19)", "Carlos Dante(23)", "Courtney Smith(27)", "Josh Jones(30)", "Bob Smith(30)"
按具有点语法或数组语法的嵌套财产排序：
data.sortBy('name.first'); // "Bob Smith(30)", "Carlos Dante(23)", "Carlos Jacques(19)", "Courtney Smith(27)", "Josh Jones(30)", "Tim Marley(9)"
data.sortBy(['name', 'first']); // "Bob Smith(30)", "Carlos Dante(23)", "Carlos Jacques(19)", "Courtney Smith(27)", "Josh Jones(30)", "Tim Marley(9)"
按多个键排序：
data.sortBy('name.first', 'age'); // "Bob Smith(30)", "Carlos Jacques(19)", "Carlos Dante(23)", "Courtney Smith(27)", "Josh Jones(30)", "Tim Marley(9)"
data.sortBy('name.first', '-age'); // "Bob Smith(30)", "Carlos Dante(23)", "Carlos Jacques(19)", "Courtney Smith(27)", "Josh Jones(30)", "Tim Marley(9)"
您可以分叉回购：https://github.com/eneko/Array.sortBy
其他回答
这是一个更灵活的版本，允许您创建可重用的排序函数，并按任何字段排序。
const sort_by=（字段，反转，引物）=>{常量键=引物？函数（x）{返回底漆（x[字段]）} :函数（x）{返回x[字段]};反转=！颠倒1 : -1;返回函数（a，b）{返回a=键（a），b=键（b），反转*（（a>b）-（b>a））；}}//现在您可以随意按任何字段排序。。。const homes=[{h_id:“3”，城市：“达拉斯”，州：“TX”，邮编：“75201”，价格：“162500”}，{h_id：“4”，城市“贝弗利山”，州“CA”，邮编“90210”，价格“319250”}，｛h_id:”5“，城市：”纽约“，州：”NY“，邮编：”00010“，价格：”962500“}]；//按价格从高到低排序console.log（homes.sort（sort_by（'price'，true，parseInt）））；//按城市排序，不区分大小写，A-Zconsole.log（homes.sort（sort_by（'city'，false，（a）=>a.toUpperCase（）)));
我推荐GitHub:ArraysortBy-使用Schwartzian变换的sortBy方法的最佳实现
但现在我们将尝试这种方法Gist:sortBy-old.js。让我们创建一个方法来对数组进行排序，以便能够按某种属性排列对象。
创建排序功能
var sortBy = (function () {
var toString = Object.prototype.toString,
// default parser function
parse = function (x) { return x; },
// gets the item to be sorted
getItem = function (x) {
var isObject = x != null && typeof x === "object";
var isProp = isObject && this.prop in x;
return this.parser(isProp ? x[this.prop] : x);
};
/**
* Sorts an array of elements.
*
* @param {Array} array: the collection to sort
* @param {Object} cfg: the configuration options
* @property {String} cfg.prop: property name (if it is an Array of objects)
* @property {Boolean} cfg.desc: determines whether the sort is descending
* @property {Function} cfg.parser: function to parse the items to expected type
* @return {Array}
*/
return function sortby (array, cfg) {
if (!(array instanceof Array && array.length)) return [];
if (toString.call(cfg) !== "[object Object]") cfg = {};
if (typeof cfg.parser !== "function") cfg.parser = parse;
cfg.desc = !!cfg.desc ? -1 : 1;
return array.sort(function (a, b) {
a = getItem.call(cfg, a);
b = getItem.call(cfg, b);
return cfg.desc * (a < b ? -1 : +(a > b));
});
};
}());
设置未排序的数据
var data = [
{date: "2011-11-14T16:30:43Z", quantity: 2, total: 90, tip: 0, type: "tab"},
{date: "2011-11-14T17:22:59Z", quantity: 2, total: 90, tip: 0, type: "Tab"},
{date: "2011-11-14T16:28:54Z", quantity: 1, total: 300, tip: 200, type: "visa"},
{date: "2011-11-14T16:53:41Z", quantity: 2, total: 90, tip: 0, type: "tab"},
{date: "2011-11-14T16:48:46Z", quantity: 2, total: 90, tip: 0, type: "tab"},
{date: "2011-11-14T17:25:45Z", quantity: 2, total: 200, tip: 0, type: "cash"},
{date: "2011-11-31T17:29:52Z", quantity: 1, total: 200, tip: 100, type: "Visa"},
{date: "2011-11-14T16:58:03Z", quantity: 2, total: 90, tip: 0, type: "tab"},
{date: "2011-11-14T16:20:19Z", quantity: 2, total: 190, tip: 100, type: "tab"},
{date: "2011-11-01T16:17:54Z", quantity: 2, total: 190, tip: 100, type: "tab"},
{date: "2011-11-14T17:07:21Z", quantity: 2, total: 90, tip: 0, type: "tab"},
{date: "2011-11-14T16:54:06Z", quantity: 1, total: 100, tip: 0, type: "Cash"}
];
使用它
按字符串形式的“日期”排列数组
// sort by @date (ascending)
sortBy(data, { prop: "date" });
// expected: first element
// { date: "2011-11-01T16:17:54Z", quantity: 2, total: 190, tip: 100, type: "tab" }
// expected: last element
// { date: "2011-11-31T17:29:52Z", quantity: 1, total: 200, tip: 100, type: "Visa"}
如果要忽略区分大小写，请设置解析器回调：
// sort by @type (ascending) IGNORING case-sensitive
sortBy(data, {
prop: "type",
parser: (t) => t.toUpperCase()
});
// expected: first element
// { date: "2011-11-14T16:54:06Z", quantity: 1, total: 100, tip: 0, type: "Cash" }
// expected: last element
// { date: "2011-11-31T17:29:52Z", quantity: 1, total: 200, tip: 100, type: "Visa" }
如果要将“日期”字段转换为日期类型：
// sort by @date (descending) AS Date object
sortBy(data, {
prop: "date",
desc: true,
parser: (d) => new Date(d)
});
// expected: first element
// { date: "2011-11-31T17:29:52Z", quantity: 1, total: 200, tip: 100, type: "Visa"}
// expected: last element
// { date: "2011-11-01T16:17:54Z", quantity: 2, total: 190, tip: 100, type: "tab" }
在这里，您可以使用代码：jsbin.com/lesebi网站
由于@Ozesh的反馈，与具有虚假值的财产相关的问题得到了解决。
这是《JavaScript:TheGoodParts》一书中优雅实现的一个略微修改版本。
注意：此版本的by是稳定的。它在执行下一个链式排序时保留第一个排序的顺序。
我给它添加了isAscending参数。还将它转换为ES6标准和作者推荐的“更新”好部件。
您可以按多个财产进行升序排序、降序排序和链式排序。
const by=函数（name，minor，isAscending=true）{constreverseMultliplier=isAscending？1 : -1;返回函数（o，p）{设a，b；let结果；if（o&&p&&typeof o==“object”&&typeof p===“object”）{a=o[名称]；b=p[名称]；如果（a===b）{返回minor类型==“函数”？小调（o，p）：0；}if（a的类型==b的类型）{结果=a<b-1 : 1;}其他{结果=a的类型<b的类型-1 : 1;}返回结果*reverseMultilier；}其他{投掷，投掷{name:“错误”，消息：“按+name排序时需要一个对象”};}};};设s=[{first:“乔”，last:“贝瑟”}，{first:“Moe”，last:“Howard”}，{first:“Joe”，last:“DeRita”}，{first:“Shemp”，last:“Howard”}，{first:“Larry”，last:“Fine”}，{第一个：“卷毛”，最后一个：“霍华德”}];//排序方式：第一个升序，最后一个升序s.sort（按（“first”，按（“last”）））；console.log（“排序方式：第一个升序，最后一个升序：”，s）；//"[//{“第一”：“卷毛”，“最后”：“霍华德”}，//{“第一”：“乔”，“最后”：“贝瑟”}<======//{“第一”：“乔”，“最后”：“德丽塔”}<======//{“第一”：“拉里”，“最后”：“好”}，//{“第一”：“莫”，“最后”：“霍华德”}，//{“first”：“Shemp”，“last”：”Howard“}// ]//排序方式：第一个升序，最后一个降序s.sort（按（“first”，按（“last”，0，false）））；console.log（“排序方式：第一个升序，最后一个降序：”，s）；//"[//{“第一”：“卷毛”，“最后”：“霍华德”}，//{“第一”：“乔”，“最后”：“德丽塔”}<========//{“第一”：“乔”，“最后”：“贝瑟”}<========//{“第一”：“拉里”，“最后”：“好”}，//{“第一”：“莫”，“最后”：“霍华德”}，//{“first”：“Shemp”，“last”：”Howard“}// ]
虽然我知道OP想要对一组数字进行排序，但这个问题已经被标记为字符串相关类似问题的答案。事实上，上面的答案没有考虑对大小写很重要的文本数组进行排序。大多数答案采用字符串值并将其转换为大写/小写，然后以某种方式进行排序。我遵守的要求很简单：
按字母顺序A-Z排序同一单词的大写值应在小写值之前应将相同字母（A/A、B/B）的值分组在一起
我期望的是[A，A，B，B，C，C]，但上面的答案返回A，B，C，A，B，C。实际上，我在这个问题上花了比我想要的时间更长的时间（这就是为什么我发布这个消息，希望它能帮助至少一个人）。虽然两个用户在注释中提到了localeCompare函数，但直到我在四处搜索时偶然发现了该函数之后，我才发现这一点。在阅读了String.product.localeCompare（）文档后，我想到了这个：
var values = [ "Delta", "charlie", "delta", "Charlie", "Bravo", "alpha", "Alpha", "bravo" ];
var sorted = values.sort((a, b) => a.localeCompare(b, undefined, { caseFirst: "upper" }));
// Result: [ "Alpha", "alpha", "Bravo", "bravo", "Charlie", "charlie", "Delta", "delta" ]
这告诉函数在小写值之前对大写值进行排序。localeCompare函数中的第二个参数是定义语言环境，但如果您将其保留为未定义，它会自动为您计算语言环境。
这同样适用于对对象数组进行排序：
var values = [
{ id: 6, title: "Delta" },
{ id: 2, title: "charlie" },
{ id: 3, title: "delta" },
{ id: 1, title: "Charlie" },
{ id: 8, title: "Bravo" },
{ id: 5, title: "alpha" },
{ id: 4, title: "Alpha" },
{ id: 7, title: "bravo" }
];
var sorted = values
.sort((a, b) => a.title.localeCompare(b.title, undefined, { caseFirst: "upper" }));
如果使用Undercore.js，请尝试sortBy：
// price is of an integer type
_.sortBy(homes, "price");
// price is of a string type
_.sortBy(homes, function(home) {return parseInt(home.price);});
