主页 / 问题 / 591191
Accepted
Alz
Asked:2020-11-15 18:25:50 +0000 UTC2020-11-15 18:25:50 +0000 UTC

在 JSON 解析后处理对象

  • 772

大家好。有这段代码：

class User {
    constructor(id, username, date){
        this.id = id;
        this.username = username;
        this.date= date;
    }
}

let myUsers = [
    new User(1, 'Mark', new Date('03.01.2016')),
    new User(2, 'Jacob', new Date('02.02.2016')),
    new User(3, 'Petr', new Date('01.02.2016'))
];

我将此数组转换为 JSON 并将其存储在本地存储中。

localStorage.setItem('myUsers', JSON.stringify(myUsers));

然后我得到并解析

let users = localStorage.getItem('myUsers');
users = JSON.parse(users);

当我尝试输出格式化日期时

users.forEach(function(user){
  console.log(user.date.getDate());
});

报错

Uncaught TypeError: user.date.getDate is not a function

据我了解，发生这种情况是因为在解析之后我得到了一个字符串，而不是一个带有日期的对象。其实就是这个问题。在这种情况下如何获得使用对象属性的机会？

javascript

2 个回答

  1. Best Answer

    JSON.stringify()函数不是有效的 JSON 数据，因此它们将不起作用。此外，一些对象，例如 Date 对象，在应用 JSON.parse() 后将变成字符串。

    JSON.stringify(myUsers)将创建一个如下所示的 JSON 字符串：

    "[{"id":1,"username":"Mark","date":"2016-02-29T17:00:00.000Z"},{"id":2,"username":"Jacob","date":"2016-02-01T17:00:00.000Z"},{"id":3,"username":"Petr","date":"2016-01-01T17:00:00.000Z"}]"

    那些。每个对象都User将具有属性string、number、boolean和。执行后，您将获得一个对象数组（不是），其中包含字段, , 。objectarrayJSON.parseObjectUseridusernamedate

    [Object, Object, Object]

    那些。需要一种方法来创建用户对象（反序列化之类的东西会起作用）

    class User {
  constructor(id, username, date){
    this.id = id;
    this.username = username;
    this.date = date;
  }

  static fromJson(json) {
    var data = JSON.parse(json); // Парсим поля
    var date = new Date(data.date); // создает объект Date из строки
    return new User(data.id, data.username, date); // Создаем новый инстанс
  }
};

Пример использования:

const user1 = new User(1, 'Mark', new Date('03.01.2016'));
const serialize = JSON.stringify(user1); //.toJson();
const _user1 = User.fromJson(serialize);

console.log(_user1.date.getDate()); // 1

    要仅“序列化”您需要的属性，您还可以编写一个toJson您已经在其中调用的方法JSON.stringify

    • 2

  2. 在JSON.parse()第二个参数中，您可以传递一个将为每个键值对调用的函数：

    const dateFormat = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}Z$/;

function reviver(key, value) {
    if (typeof value === "string" && dateFormat.test(value)) {
        return new Date(value);
    }

    return value;
}

const text = '{ "date": "2016-04-26T18:09:16Z" }';
const obj = JSON.parse(text, reviver);

    来源。

    或者，如果您知道存储日期的属性的名称，您可以简单地检查key.

    同样，您可以将 JSON 解析的结果转换为您需要的任何对象。

    • 1

相关问题