хранение и извлечение 100-элементного аэродрома

Question

Я использую Greasemonkey/Tampermonkey для посещения страниц и внесения изменений в таблицу из 100 элементов на основе того, что находится на текущей странице.

Кратковременное хранение и манипуляция массивами работают нормально, но я хочу хранить данные на постоянной основе. Я пробовал GM_getValue/GM_setValue, GM_SuperValue, localStorage и indexedDB, но я явно пропустил что-то фундаментальное. Кажется, мне не удается написать массив в постоянное хранилище, а затем прочитать его обратно в переменную, где я могу получить доступ к каждому элементу, так что variablename [32] на самом деле является 32-м элементом в таблице. (Ну, 33-й, если вы начинаете считать на ноль, что я делаю.)

Мне нужен доступ ко всей таблице из 100 элементов во время работы скрипта, потому что мне нужно вывести часть или все ее на самой странице , В самом основном случае у меня есть цикл for, который идет от 0 до 99, каждый раз печатает значение variablename [i].

У меня нет предрасположенности к какому-либо методу, я просто хочу, чтобы работа фрикинга работала в сценарии Greasemonkey/Tampermonkey.

К верхней части сценария у меня есть это:

for (var i=0; i<=99; i++) { 
    currentData[i] = localStorage.getItem(currentData[i]); 
} 

Целью вышеуказанного раздела является чтение 100 записей в массив currentData. На самом деле это не работает для меня сейчас, вероятно, потому, что я не правильно запоминаю вещи в первую очередь.

В середине, после изменения одного из элементов, я хочу, чтобы заменить его, делая это:

localStorage.setItem(currentData[specificElementToChange], differentStuff); 

Целью выше является изменение одного из 100 строк данных и сохранить его навсегда , поэтому в следующий раз, когда код в верхней части будет прочитан, он вытащит все 100 записей, причем один элемент будет изменен указанной выше строкой.

Это общий принцип.

Я не могу сказать, не работает ли я то, что я делаю, из-за какой-либо проблемы с безопасностью в Firefox/Chrome или если я хочу сделать это (постоянно сохраняя массив, где каждый раз, когда я обращаюсь к данной странице, один элементные изменения) невозможно.

Важно, чтобы я обращался к массиву с использованием формата переменной [element], но помимо этого, каким-либо образом я могу хранить эти данные и извлекать их, просто все в порядке со мной.

Что вы предлагаете для этого?

Спасибо!

Answer 1

Я думаю, вы идете об этом неправильно. LocalStorage хранит строки, поэтому самый простой способ сохранить массив в LocalStorage - это привести его в JSON и сохранить JSON. Затем, читая его обратно, вы разбираете JSON обратно в массив.

Таким образом, чтобы прочитать его, вы сделаете это:

var currentData = JSON.parse(localStorage.getItem("currentData") || "[]"); 

Чтобы сохранить ваши данные, вы делаете это:

localStorage.setItem("currentData", JSON.stringify(currentData)); 

Работа демо: http://jsfiddle.net/jfriend00/6g5s6k1L/

---

Когда делая это таким образом, currentData - это переменная, которая содержит нормальный массив (после того, как вы прочитали данные из Lo calStorage). Вы можете добавлять элементы к нему с .push(), читать элементы с числовым индексом, такие как:

var lastItem = currentData[currentData.length - 1]; 

Или изменить элемент в массиве с:

currentData[0] = "newValue"; 

Конечно, это просто обычный массив , поэтому вы можете использовать любые методы массива на нем.