Можете ли вы сохранить что-то в LocalStorage с переменной?

Question

Так что это быстрый вопрос, но я нигде не смог найти ответ. Я знаю, чтобы сохранить вещи в localStorage, вы пишете так:

localStorage.name = JSON.stringify("this has now been saved under name);

Но я хочу иметь возможность изменить то, что он сохраняется в зависимости от переменной, например:

const banana = potato
localStorage.banana = JSON.stringify("this has now been saved under potato");

Возможно ли это сделать? :)

Answer 1

Localstorage позволяет хранить пары ключ и значение, где значение является строкой.

Если вы присваиваете localstorage из ссылки на другую переменную, если она преобразуется в строку, то это будет работать:

const potato = "potato";
const banana = potato;
localStorage.setItem(banana, "this has now been saved under potato");

В противном случае вам необходимо сначала указать значение переменной.

https://www.w3schools.com/html/html5_webstorage.asp

Answer 2

Вы можете добавить данные в свое хранилище. У вас есть ключ и значение, оба должны быть строками.

window.localStorage.setItem('myCat', 'Tom');

, и вы можете получить его так:

window.localStorage.getItem("myCat");

Для хранения переменной, массива, объекта и т. Д. c. сначала вам нужно будет преобразовать его в строку, например, такую:

let arr = [1, 2, 3];
//you need to convert this array to an string.
let arr_string = JSON.stringify(arr);

//now you can store it in your local storage

window.localStorage.setItem("myArray", arr_string);

//to get the array you will need to parse it back from string to array.

let arr_string = window.localStorage.getItem("myArray");
let arr = JSON.parse(arr_string);

console.log(arr); // output: [1, 2, 3]

Answer 3

Вы можете установить переменные в localStorage с помощью динамических c ключей, таких как

const banana = potato
localStorage.setItem(banana, "this has now been saved under potato")