Question

我正在序列化 Typescript 类对象：

class Geometry {
    public abstract type: string;
    public abstract coordinates: Coordinates | number[];
}

class Point extends Geometry {
    public readonly type: string = "Point";

    constructor(public coordinates: Coordinate | number[]) {
        super();
    }
}

使用JSON.stringify(new Point([10, 10]));

到目前为止，这很好，但最终被插入 GeoJSON 对象并且属性的顺序很重要。我得到的是：

{"coordinates":[10,10],"type":"Point"}

我需要的是：

{"type":"Point","coordinates":[10,10]}

如果不在构造函数中声明public coordinates并指定它们：

constructor(coordinates: Coordinate | number[]) {
   super();
   this.coordinates = coordinates;
}

结果是正确的。作为一个极简主义者，我试图使用public参数使用构造函数。

有没有办法控制JSON.stringify(-)方法中属性的顺序？

给自己一个替代答案

真正的问题在于功能的properties值（在原始问题的范围之外）。通过覆盖对象上的toJSON方法，可以控制对象如何序列化自身。我将以下内容添加到我的Geometry课程中，一切都很顺利。

public toJSON() {
    return {
        type: this.type,
        coordinates: this.coordinates,
    };
}

我还进一步装饰了我的上游Feature和FeatureCollection类。

Answer 1

您可以使用具有所需顺序的属性名称的数组将第二个参数传递给JSON.stringify。

例如：

JSON.stringify(new Point([10, 10]), ['type', 'coordinates']);

控制打字稿中json序列化的顺序

1 个答案: