JS 不对数字对象索引进行排序

Question

当像这样创建对象时

let o = {}
o["prop2"] = "val"
o["prop1"] = "val"

属性是按照设置的顺序存储的，因此在获取对象的键 (Object.keys(o)) 时，它们会以 正确 的顺序返回 (["prop2", "prop1"])。这个顺序具有广泛的影响，因为for...in 循环使用它，因此JSON.stringify 也受到它的影响。我想将此行为用于性能优化（例如发送更易于解析的已排序对象）。

但是，当使用数字索引时，这一切都会崩溃。看似相似的物体

let o = {}
o["2"] = "val"
o["1"] = "val"

不确认上述行为。这里Object.keys(o) 返回["1", "2"] :(.

可以通过某种方式避免这种情况吗？没有预先/后修复所有属性？

Answer 1

改用Map 来保留插入顺序。

let m = new Map;
m.set("2", "val");
m.set("1", "val");
m.forEach((v,k)=>console.log(k,"=",v));

要将其转换为 JSON，您可以对 Map 的条目进行字符串化。您可以使用解析字符串并将条目传递给 Map 的构造函数以将其转换回来。

const map = new Map([
  ['foo', 10],
  ['baz', 42]
]);
let str = JSON.stringify([...map.entries()])
console.log(str);
new Map(JSON.parse(str)).forEach((v,k)=>console.log(k,"=",v));

您可以为 JSON.stringify 和 JSON.parse 提供回调以转换嵌套的 Map 结构。

let m = new Map;
m.set("b", new Map([["c","d"],["e","f"], ["d", new Map([["a", 1]])]]));
let str = JSON.stringify(m, (key,val)=>{
    return Object.prototype.toString.call(val) === '[object Map]' ? [...val.entries()] : val;
});
console.log(str);
let m2 = JSON.parse(str, (key, val)=>{
    return Array.isArray(val) && Array.isArray(val[0]) ? new Map(val) : val;
});
console.log(m2);

演示：https://jsfiddle.net/ob8d2uLf/1/