DEV Community


Storing Local Data with Javascript

njericooper profile image Njeri Cooper ・1 min read

I'm trying to store a table's data locally. I'm a bit confused about where I should store the cells; in an array? Will the array return each cell in the correct row index? How should I set the local data variable if I'm passing rows and a table as the arguments?

In my code, the table creates a new row from user input. When I refresh, the table goes away. I'd like to keep the table from the previous session.

Here's what I have so far:
(press the play button to run the code)

Discussion (4)

Editor guide
likejean profile image
likejean • Edited

Storing data in a declared array won't reserve your data in that array after you recompile the code again. If you don't involve any backend storage here and only looking for client-side storage, you would have to use some kind of browser-built Javascript APIs in order to save your data. The simplest and most widely supported is WebStorage where you have persistent storage (localStorage) or session based (sessionStorage). The Google has developed its own storage. There are plenty tutorials available how to store data locally.

njericooper profile image
Njeri Cooper Author

Thanks! I'll look that up.

gauravumrani profile image
Gaurav • Edited

Hi, You can store the data in local storage, and if you want the data to be in order, you can do this

  1. Whenever new data is created, store the id also, it should be increment, ex-
  2. Store the data in local storage
  3. The data should be stored in an Array

Example data format =

var data = [{
      id: 1,
      more: data
    }, {
      id: 2,
      more: data

Now when the user refreshes the page, you can take the data from local storage, sort it by id and display it

njericooper profile image
Njeri Cooper Author

Interesting. Thank you!