javascript - 在javascript中按对象内的数字/id排序

Question

有没有办法在 javascript 中订购这些(alal SELECT * FROM this ORDERBY ....)。因此，如果我只是想将新的列表元素从对象附加到 DOM，但又想控制顺序之类的事情。

var example = [
                {id:1, data: { val1: 'val1', val2: 'val2'}, orderById: 313},
                {id:2, data: { val1: 'val1', val2: 'val2'}, orderById: 312},
              ];

var buildString = '';
for ( var i = 0; i < example.length; i++ ) {
   // wondering if there is another approach so that i could control the order as I build the string
   buildString += "<li class='example-class'>" + example[i].data.val1 + "</li>";
}

$("#some-ul").html('').append(buildString);

所以如果有更好的方法来实现这个想法，我有兴趣学习...

Answer 1

数组有一个名为 sort 的方法这完全符合您的预期。它对数组进行排序。默认情况下，这只是通过比较元素来完成的。但是，这里您要对通常无法排序的对象数组进行排序。因此，您必须告诉脚本如何比较项目，如下所示:

example.sort(function(a,b) {
    return a.id - b.id;
});

引擎需要进行的每次比较都会调用您的函数(根据内部使用的排序算法而有所不同，对我们来说并不重要)。 a 和 b 是当前正在比较的元素。该函数必须返回:

• 一个负数，如果 a 被认为小于 b
• 一个正数，如果 b 被认为大于 b
• 如果项目被视为相等则为零。

在这种情况下，我将表达式简化为a.id - b.id。那是因为根据基础数学:

• 如果a.id小于b.id，结果为负
• 如果a.id大于b.id，结果为正
• 如果相等，则结果为零

希望这对您有所帮助!