Stocker des objets dans localStorage

j'ai un tableau comme ceci:

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

je le garde dans localstorage et quand je l'extraction de données de stockage local, j'ai obtenu la valeur

[object, object]

Comment puis-je résoudre ce problème.
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;
}


}

source d'informationauteur Khushi

  1. 29

    local de stockage limitée pour ne traiter que de la chaîne de paires clé/valeur que vous pouvez faire comme ci-dessous à l'aide de JSON.stringify et lors de l'obtention de la valeur JSON.parse

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

    Mettre l'objet dans le système de stockage:

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

    Récupérer l'objet de stockage:

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

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

    Il est facile à stocker les objets dans le local de stockage avec localDataStorageoù vous pouvez, en toute transparence set/get tout de suite "types": Array, Boolean, Date, Float, Integer, Null, Objet ou Chaîne.

    [AVERTISSEMENT] je suis l'auteur de l'utilitaire [/AVERTISSEMENT]

    Exemples:

    localDataStorage.set( 'key1', 'Belgian' )
localDataStorage.set( 'key2', 1200.0047 )
localDataStorage.set( 'key3', true )
localDataStorage.set( 'key4', { 'RSK' : [1,'3',5,'7',9] } )
localDataStorage.set( 'key5', null )

localDataStorage.get( 'key1' )   -->   'Belgian'
localDataStorage.get( 'key2' )   -->   1200.0047
localDataStorage.get( 'key3' )   -->   true
localDataStorage.get( 'key4' )   -->   Object {RSK: Array(5)}
localDataStorage.get( 'key5' )   -->   null

    Comme vous pouvez le voir, les valeurs primitives sont respectés. Maintenant, dans votre cas, on pourrait faire ceci:

    >localDataStorage.set( 'testObject', { name : 'test', time : new Date( '2017-02-03T08:38:04.449Z' ) } )

    Notez que vous pouvez exprime clairement l'objet. (Tous les stringamication est effectuée en arrière-plan pour vous.) Lorsque nous avons récupérer la clé, on obtient:

    >localDataStorage.get( 'testObject' ) -->
>Object {name: "test", time: "2017-02-03T08:38:04.449Z"}