1

我正在开发一个可以购买活动门票的网站。选择一张票后,它就在购物车中。我有一个 sessionService.ts ,它基本上是Map<string, any>从本地存储读取/写入的。将地图存储为 JSON 字符串非常有效,但是当我从存储中加载数据并尝试将 JSON 字符串解析到地图时,数据不再一致。

console.log(JSON.parse(data))显示正确的值,但let x = JSON.parse(data); console.log(x);显示操纵数据。

我尝试在 Stackblitz 上重现问题,但我无法做到。


export class Ticket {
  public id: number;
  public created: Date;

  constructor(
    public reservation: boolean,
    public price: number,
    public section: number,
    public row: number,
    public seat: number,
    public event: number | Event) {
  }
}

private testParsing(){
    const custom = '[["Tickets",[{"reservation":true,"price":10,"section":null,"row":10,"seat":10,"event":5,"id":1,"created":"2019-06-14T14:16:17.144Z"}]]]';
    console.log('String to parse: ', custom);
    console.log('String parsed directly to console: ', JSON.parse(custom));
}

console.log('String to parse: ', custom);将显示正确的值。

console.log('String parsed directly to console: ', JSON.parse(custom));这里的输出是wearg id = 0,row = null,seat = null。

来自代码的日志:https://imgur.com/a/BumYqkI

是什么导致了这个问题,我该如何解决?

4

1 回答 1

0

问题是它是一个嵌套结构,尝试使用JSON.parse(JSON.stringify(custom))应该得到相同的结果。我能够在我的控制台中重现您的问题并使用此方法解决。

于 2019-06-30T14:08:40.210 回答