my-localstorage v2.0.1

Easy use localStorage with JavaScript

You can use with React, Angular, Vue, etc. Playground here.

Supports working with objects.

Installation

npm i my-localstorage

Declare in JS

import { ls } from 'my-localstorage'

API

ls.setItem(key, value)
ls.getItem(key)

ls.setObject(key, value)
ls.getObject(key)
ls.editObject(key, value)

ls.removeItem(key)
ls.clear()

Examples

Set item

ls.setItem('000', 'hello')

Get item

ls.getItem('000')
// 'hello'

ls.getItem('fake')
// undefined

Set object

ls.setObject('111', { first_name: 'Kurt', last_name: 'Cobain' })

Get object

ls.getObject('111')
// { first_name: 'Kurt', last_name: 'Cobain' }

ls.getObject('fake')
// undefined

Edit object (add a new key to an object)

ls.editObject('111', { middle_name: 'Donald' })
// ls.getObject('111') -> { first_name: 'Kurt', last_name: 'Cobain', middle_name: 'Donald' }

Edit object (edit key value)

ls.editObject('111', { middle_name: 'Mike' })
// ls.getObject('111') -> { first_name: 'Kurt', last_name: 'Cobain', middle_name: 'Mike' }

Remove item

ls.removeItem('000')

Clear all

ls.clear()