在localStorage中存储对象

本文介绍了在localStorage中存储对象的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有这样一个数组：

[{name:"test", time:"Date 2017-02-03T08:38:04.449Z"}]

我将其存储在 localstorage 当我从 localstorage 中检索数据时，我得到了值：

I stored it in localstorage and when I retrieving data from localstorage I got the value:

[object, object]

如何解决此问题？

config.ts

import { Injectable } from "@angular/core";

@Injectable()
export class TokenManager {

  public tokenKey: string = 'app_token';

  constructor() { }

  store(content) {
    var contentData;

    console.log("inside localstorsge store:", content);
    contentData = content.map(
      (data) => data.name
    )
    console.log("contentData:", contentData)
    localStorage.setItem(this.tokenKey, content);
  }

  retrieve() {
    console.log("inside localstorage");
    let storedToken: any = localStorage.getItem(this.tokenKey);
    console.log("storedToken:", storedToken);//====> here this console is[object object]
    if (!storedToken) throw 'no token found';
    return storedToken;
  }

}

推荐答案

本地存储仅限于使用 JSON.stringify 处理您可以执行的字符串键/值对，同时获取值 JSON.parse

local storage limited to handle only string key/value pairs you can do like below using JSON.stringify and while getting value JSON.parse

var testObject ={name:"test", time:"Date 2017-02-03T08:38:04.449Z"};

将对象存入存储空间：

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

从存储中检索对象：

var retrievedObject = localStorage.getItem('testObject');

console.log('retrievedObject: ', JSON.parse(retrievedObject));

这篇关于在localStorage中存储对象的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！