JavaScript - add item to localStorage

In this article, we would like to show you how to add items to localStorage in JavaScript.

Practical example

To put items into the localStorage we use setItem() method that takes two arguments: key and value.

// ONLINE-RUNNER:browser;

localStorage.setItem('itemKey', 'itemValue');

Note:

localStorage is BOM (Browser Object Model) global object so we can also access it using window.localStorage.

Store arrays or objects

In order to store arrays or objects, you have to convert them to strings.

// ONLINE-RUNNER:browser;

const item = {
    key: 'itemKey',
    value: 'itemValue',
}

localStorage.setItem('item', JSON.stringify(item));

See also

1. JavaScript - how to use localStorage

2. JavaScript - store array in localStorage

3. JavaScript - clear localStorage

4. HTML5 - localStorage vs sessionStorage

References

1. Window.localStorage - Web APIs | MDN