javascript - array.sort 不适用于对象数组

Question

我得到了以下对象数组:

var arr = [{
    2: {
        1: { name: "test" },
        2: { name: "apple" }
    },
    3: {
        1: { name: "banana" },
        2: { name: "pear" }
    }
}];

只是一些示例数据。现在，我有 3 个文本区域:

<textarea id="first"></textarea>
<textarea id="second"></textarea>
<textarea id="third"></textarea>

我有以下定制功能:

function sort(alt)
{
    arr.sort(function (a,b) 
    {
        console.log(a);
        if (a[2].name < a[2].name)
            return (alt) ? 1 : -1;
        if (a[2].name > a[2].name)
            return (alt) ? -1 : 1;
        return 0;
    });
}

它应该按名称对对象数组进行排序，根据参数升序或降序。现在，我有两个问题。这样我将所有值附加到文本区域:

for (var key in arr[0])
{
    var obj = arr[0][key];
    $(ID).append(obj[2].name + '\n');
}

第一次，该代码将在不运行sort的情况下执行。第二次，sort 将以 false 作为参数执行，然后执行该代码。第三次 sort 将以 true 作为参数执行，然后执行该代码。但是，所有文本框的输出完全相同。

这是 jsfiddle 的链接:

http://jsfiddle.net/JoshB1997/gow4vzsc/

此外，console.log(a) 不会在控制台中打印。

Answer 1

所以变量arr是一个数组，但据我所知它只包含一个对象。

您尝试直接对数组进行排序，因为它只有一个对象，因此永远不会排序，因为没有任何内容可排序。

您需要访问arr[0]这是包含要排序的实际对象的对象，但是 Object原型(prototype)不包含任何数组函数，因此您无法调用 sort即使在技术上也是如此 Array是 Object一个Array继承自Object而不是相反，所以来自 Object 的方法可以联系Array但反之则不然。

此外，您正在尝试比较相同的 a[2].name与自身，所以它总是假的，因为它是相等的，而不是 >或< .

在你的例子中，我提取了所有 name您拥有的每个嵌套对象的属性如下(考虑原始 arr 的用法):

var compare = [];
var alt = false;
for (k in arr[0]) {
    if (arr[0].hasOwnProperty(k)) {
        for (l in arr[0][k])
            if (arr[0][k].hasOwnProperty(l))
                compare.push(arr[0][k][l].name);

compare.sort(function(a, b) {
    if (a == b)
        return 0;
    else if (a < b)
        return alt ? 1 : -1
    else
        return alt ? -1 : 1
});

现在您可以使用比较数组来正确输出排序后的名称。另外 - 你的结构看起来过于复杂？它有对象，并且其中有嵌套对象，但您只是排序和显示名称，是否有任何理由必须维护此结构？

如果不是，我强烈建议您将其简化为一个名称数组，我上面所做的循环远非漂亮，我宁愿您不要使用它，因为它假设最外面的对象是一个填充的对象与其他对象都具有 name属性(property)。如果没有额外的 arr[0][k][l].hasOwnProperty('name') ，此代码仍然可能被破坏.

无论哪种方式，compare数组仅包含所有名称，并且可以使用默认的 sort 轻松排序如果你不让事情变得复杂的话。