javascript - 在javascript中对json对象进行排序

Question

例如有这个代码：

var json = {
    "user1" : {
        "id" : 3
    },
    "user2" : {
        "id" : 6
    },
    "user3" : {
        "id" : 1
    }
}

我怎样才能把这个json排序成这样-

var json = {
    "user3" : {
        "id" : 1
    },
    "user1" : {
        "id" : 3
    },
    "user2" : {
        "id" : 6
    }
}

我用 ID 对用户进行了排序。
我不知道如何在 javascript 中执行此操作。

Answer 1

首先，这不是JSON。它是一个 JavaScript 对象字面量。JSON 是数据的字符串表示形式，恰好与 JavaScript 语法非常相似。

其次，你有一个对象。它们是未分类的。无法保证元素的顺序。如果要保证顺序，则需要使用数组。这将要求您更改数据结构。

一种选择可能是使您的数据如下所示：

var json = [{
    "name": "user1",
    "id": 3
}, {
    "name": "user2",
    "id": 6
}, {
    "name": "user3",
    "id": 1
}];

现在你有一个对象数组，我们可以对其进行排序。

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

结果数组将如下所示：

[{
    "name": "user3",
    "id" : 1
}, {
    "name": "user1",
    "id" : 3
}, {
    "name": "user2",
    "id" : 6
}];

Answer 2

这是一个对 Json 的 javascript 表示进行排序的简单片段。

function isObject(v) {
    return '[object Object]' === Object.prototype.toString.call(v);
};

JSON.sort = function(o) {
if (Array.isArray(o)) {
        return o.sort().map(JSON.sort);
    } else if (isObject(o)) {
        return Object
            .keys(o)
        .sort()
            .reduce(function(a, k) {
                a[k] = JSON.sort(o[k]);

                return a;
            }, {});
    }

    return o;
}

它可以按如下方式使用：

JSON.sort({
    c: {
        c3: null,
        c1: undefined,
        c2: [3, 2, 1, 0],
    },
    a: 0,
    b: 'Fun'
});

这将输出：

{
  a: 0,
  b: 'Fun',
  c: {
    c2: [3, 2, 1, 0],
    c3: null
  }
}

Answer 3

在某些方面，您的问题似乎非常合理，但我仍然可能将其标记为XY problem. 我猜最终结果是你想以某种方式显示排序值？正如 Bergi 在评论中所说，您永远不能完全依赖Javascript 对象 ( {i_am: "an_object"}) 以任何特定顺序显示它们的属性。

对于显示顺序，我可能建议您获取对象的每个键（即i_am）并将它们排序为有序数组。然后，在检索要显示的对象的元素时使用该数组。伪代码：

var keys = [...]
var sortedKeys = [...]
for (var i = 0; i < sortedKeys.length; i++) {
  var key = sortedKeys[i];
  addObjectToTable(json[key]);
}

Answer 4

if(JSON.stringify(Object.keys(pcOrGroup).sort()) === JSON.stringify(Object.keys(orGroup)).sort())
{
    return true;
}