Как получить предметы из localStorage?

Question

В моем приложении у меня есть 2 функции для работы с localStorage. Когда я добавляю первый и второй элементы, он работает правильно, но когда это третий элемент, он дает ошибку.

Вот функции:

w.getLocalStorage = function() { 
    var c = localStorage.getItem('cities'); 
    var arr = []; 
    arr.push(c); 
    return c ? arr : []; 
} 

w.setLocalStorage = function(data, googleData, cities, name) { 
    if (data) { 
     city.name = data.name; 
     city.coord.lat = data.coord.lat; 
     city.coord.lon = data.coord.lon; 
     cities.push(JSON.stringify(city)); 
     // console.log(city); 
     localStorage.setItem("cities", cities); 

    } else if (googleData) { 
     city.name = name; 
     city.coord.lat = googleData.results[0].geometry.location.lat; 
     city.coord.lon = googleData.results[0].geometry.location.lng; 
     console.log('cities', cities); 
     cities.push(JSON.stringify(city)); 
     // console.log(cities, city); 
     localStorage.setItem("cities", cities); 
    } 
} 

Вот что она возвращается в течение первых 2-х элементов:

Array[1] 
0 : "{"name":"Pushcha-Voditsa","coord":{"lat":50.45,"lon":30.5}}" 
1 : "{"name":"Kyiv","coord":{"lat":50.4501,"lon":30.5234}}" 

Вот что, когда добавляется третий пункты:

Array[1] 
0 : "{"name":"Pushcha-Voditsa","coord":{"lat":50.45,"lon":30.5}}, {"name":"Kyiv","coord":{"lat":50.4501,"lon":30.5234}}" 
1 : "{"name":"Kyiv","coord":{"lat":50.4501,"lon":30.5234}}" 

Как я могу это исправить?

Answer 1

Как вы можете только хранить строку в localStorage, упорствовать объект преобразовать их в строковом формате, используя JSON.stringify() метод и на поисковом использовании JSON.parse() для разбора строки JSON, чтобы построить значение JavaScript или объект.

Вот фрагмент кода, который требует внимания. Вы должны не проходите строковую cities данные

cities.push(city); 
localStorage.setItem("cities", JSON.stringify(cities)); 

В то время как поиск, разобрать его JavaScript объекта

var cities = localStorage.getItem('cities'); 
var c = cities ? JSON.parse(cities) || [];