将js对象数组推送到localStorage然后检索并解析时失败

时间:2017-01-25 23:27:25

标签: javascript arrays json object local-storage

我有一个JS对象数组。例如:var objectList = [{phone: true},{name: 'room'}]。 我需要将它推送到localStorage,然后退出这个对象数组并继续使用它。我试试:

 localStorage.setItem('myObject', JSON.stringify(objectList));
 objectsList = JSON.parse(localStorage.getItem('myObject'));

之后我收到错误消息:

Uncaught SyntaxError: Unexpected token o in JSON at position 1
at JSON.parse (<anonymous>)

此外,当我尝试console.log(localStorage.getItem('myObject'))时,我获得了输出:

[object Object],[object Object]

当我尝试console.log(typeof localStorage.getItem('myObject'))时,我得到string

如何正确检索和解析对象数组,以便我可以处理存储在该数组中的对象?

谢谢!

UDPATE:

var roomsList = [{
category: "ЛЮКС",
cond: true,
wifi: true,
smoke: true,
restrAbility: true,
veranda: true,
kingSizeBed: true,
numFree: 5,
numBusy: 2,
price: 1000,
image: "img/rooms/room0.jpg",
description: "Просторные двухкомнатные люксы с гостиными и уютными спальнями. В оформлении интерьеров использованы предметы антиквариата музейной ценности: мебель, музыкальные инструменты, торшеры и лампы из Богемского стекла - все это рождает уникальный, неповторимый стиль каждого номера. Мраморные ванные комнаты оборудованы гидромассажными ваннами. Все номера данной категории обращены окнами на живописный ансамбль.",
},
{
category: "СТАНДАРТ",
cond: false,
wifi: true,
smoke: false,
restrAbility: false,
veranda: false,
kingSizeBed: false,
numFree: 10,
numBusy: 8,
price: 120,
image: "img/rooms/room0.jpg",
description: "Просторные двухкомнатные люксы с гостиными и уютными спальнями. В оформлении интерьеров использованы предметы антиквариата музейной ценности: мебель, музыкальные инструменты, торшеры и лампы из Богемского стекла - все это рождает уникальный, неповторимый стиль каждого номера. Мраморные ванные комнаты оборудованы гидромассажными ваннами. Все номера данной категории обращены окнами на живописный ансамбль.",
 }] 

依旧..(数组中的14个对象)所有其他逻辑和输出与我之前描述的相同:

var roomsObject = localStorage.getItem('roomsObject');
if (!roomsObject) {
    localStorage.setItem('roomsObject', JSON.stringify(roomsList));
}
roomsList = JSON.parse(localStorage.getItem('roomsObject'));

1 个答案:

答案 0 :(得分:0)

可能你正在存储实际的字符串[object Object],[object Object],这就是解析失败的原因。在存储之前将对象转换为JSON(字符串)。