LocalStorage: Holen Sie sich jeden Wert von jedem Schlüssel

Question

Ich möchte jeden Schlüssel durchlaufen und den name Wert von jedem Schlüssel erhalten. So sieht meine LocalStorage aus.

key: 3 Value: {"name":"Kevin","country":"Canada","about":"Test","image":""}

key: 4 Value: {"name":"Homer","country":"Canada","about":"Test","image":""}

Ich möchte getboth dieser Namen und sie zu meinem Array hinzufügen. Ich versuchte es mit dieser Methode:

for(var key in localStorage){ 
    let user = JSON.parse(localStorage.getItem(key)); 
    this.users.push(user); 
} 

Fehler ich erhalte, ist:

SyntaxError: Unexpected token e in JSON at position 1

Answer 1

wenn Sie sagen, dass ich diesen Namen getboth will, ich verstehe es nicht, aber so oder so können Sie versuchen, so etwas wie:

var keys = Object.keys(localStorage); 
for(var i=0;i<keys.length;i++){ 
    var key = keys[i]; 
    console.log(key, localStorage[key]); 
    //store here "both names" where you want them 
    //you can also access each element with localStorage[key].name, localStorage[key].country, etc. 
} 

Answer 2

schaffe ich es zu lösen, war ein einfacher Fehler, indem sie immer einen neuen let user innerhalb der Schleife zu initialisieren.

Ich zog die user aus und der Rest des Codes funktioniert.

user: any; 

    getUsers():void{ 
    for(var key in localStorage){ 
     this.user = JSON.parse(localStorage.getItem(key)); 
     this.users.push(this.user); 
    } 
    } 

Answer 3

var keys = Object.keys(localStorage); 
keys.forEach(key=>{ 
    var json_str =localStorage.getItem(key) 
    try { 
     var abc = JSON.parse(json_str); 
     this.user = abc; 
    } catch (e) { 
    console.log(e) 
    } 
}) 

Answer 4

Dies ist eine Verfeinerung der Robert's answer.

Geben Sie einfach alle Werte (die Schlüssel selbst sind nicht wichtig) in localStorage, die eine name -Eigenschaft haben, die eine Zeichenfolge ist. Dann gebe das Array zurück.

Basierend auf Ihrer eigenen Antwort haben Sie wahrscheinlich einen inkonsistenten veränderbaren Status, da das Verschieben Ihrer temporären Variablen in den Instanzbereich sich nicht auf Ihre Situation auswirken sollte.

function getUsers() { 
    return Object.values(localStorage) 
    .map(json => { 
     try { 
     return JSON.parse(json); 
     } 
     catch (e) { 
     return undefined; 
     } 
    }) 
    .filter((user?: any): user is {name: string} => user && typeof user.name === 'string'); 
} 

const users = getUsers(); 

Answer 5

Sie betrachten kann meine Bibliothek ngx-store mit mit localstorage, session, Kekse und ein bisschen mehr in Eckige beschäftigen. Um das zu erreichen, was Sie wollen, werden Sie ganze Array im Speicher speichern können oder einfach nur Code verwenden, wie unten mit Ihrer aktuellen Datenstruktur:

import { LocalStorageService } from 'ngx-store'; 

export class Example { 
    public users: Array<any> = []; 

    constructor(public localStorageService: LocalStorageService) { 
    this.localStorageService.utility.forEach((value, key) => this.users.push(value)); 
    } 
} 

Wirklich, kann es nur so einfach sein;)

Answer 6

Sie kann die Methode hasOwnProperty('propertyName') verwenden, um den Namen zu prüfen, der im Objekt verfügbar ist oder nicht. Führen Sie dann die gewünschte Operation aus.

let localStorage = { 
 
    "key1": {"name":"Kevin","country":"Canada","about":"Test","image":""}, 
 
    "key2": {"name":"Homer","country":"Canada","about":"Test","image":""} 
 
} 
 
for(let key of Object.keys(localStorage)){ 
 
    if(localStorage[key].hasOwnProperty('name')){ 
 
     console.log(localStorage[key]['name']); 
 
    } 
 
}