JavaScript - add item to localStorage

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

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

xxxxxxxxxx

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

Note:

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

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

xxxxxxxxxx

const item = {

    key: 'itemKey',

    value: 'itemValue',

}

​

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

1. JavaScript - how to use localStorage

2. JavaScript - store array in localStorage

3. JavaScript - clear localStorage

4. HTML5 - localStorage vs sessionStorage

1. Window.localStorage - Web APIs | MDN