[JavaScript] localStorage API

localStorage 데이터 저장하기

setItem

키-값 쌍을 저장합니다.

localStorage.setItem(key, value)

문자열 형태로 저장되므로, 객체의 형태로 저장하려면 JSON.stringify() 를 통해 문자열로 변환해주어야 합니다.

localStorage.setItem(key, JSON.stringify(value))

localStorage 데이터 받아오기

getItem

키에 해당하는 값을 받아옵니다.

localStorage.getItem(key)

문자열 형태로 받아오므로, 객체의 형태로 받아오려면 JSON.parse() 를 통해 객체로 변환해주어야 합니다.

JSON.parse(localStorage.getItem(key))

key

인덱스에 해당하는 키를 받아옵니다.

localStorage.key(index)

length

저장된 항목의 개수를 받아옵니다.

localStorage.length

localStorage 데이터 삭제하기

removeItem

키와 해당 값을 삭제합니다.

localStorage.removeItem(key)

clear

저장되어있는 키, 값을 모두 삭제합니다.

localStorage.clear()