LocalStorage getdata от объекта - PullRequest
       3

LocalStorage getdata от объекта

0 голосов
/ 26 апреля 2020

Итак, я пытаюсь получить дату из «Ключ: значение», где данные хранятся в значениях во вложенном формате, и я путаюсь с этим, вот формат данных.

key = one0

value = bash: [{question: {id: 0, type: "box", qid: "b"}}, {answer: {dropEffect: "move", id: "1", aid: "d"}}]


0: {question: {id: 0, type: "box", qid: "b"}}

question: {id: 0, type: "box", qid: "b"}
id: 0
qid: "b"
type: "box"

1: {answer: {dropEffect: "move", id: "1", aid: "d"}}

answer: {dropEffect: "move", id: "1", aid: "d"}
aid: "d"
dropEffect: "move"
id: "1"

Я хочу получить ключ и значение = question.id или answer.id, где я могу найти решение.

Ответы [ 3 ]

1 голос
/ 27 апреля 2020

Я манипулировал данными до object, используя уменьшение .

const data = [{question: {id: 0, type: "box", qid: "b"}}, {answer: {dropEffect: "move", id: "1", aid: "d"}}];

const res = data.reduce((acc, item) => {
    const propName = Object.keys(item)[0];
    acc[propName] = item[propName];

    return acc;
}, {});

console.log('Question id: ', res.question.id); // 0
console.log('Answer id: ', res.answer.id); // 1
0 голосов
/ 27 апреля 2020

Первая функция записи информации. Второй извлекает информацию из LocalStorage

// SAVE
function save_to_LocalStorage () {
    var myValue = ({question: {id: 0, type: "box", qid: "b"}, answer: {dropEffect: "move", id: "1", aid: "d"}});
    localStorage.setItem("someName", JSON.stringify(myValue));
}

// LOAD
function load_from_LocalStorage () {
    var retrievedData = localStorage.getItem("someName");
    var myValue = JSON.parse(retrievedData);

    console.log(myValue.question.id);  // question id
    console.log(myValue.answer.id);   // answer id
}
0 голосов
/ 27 апреля 2020

Я сам понял.

 let user = JSON.parse(localStorage.getItem(one0))
 let answer = user && user.Storage[1].answer.id 
 console.log(answer)
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...