[Web API] Storage(local, session)

Storage

Storage는 iterable (반복가능한) 객체가 아님.

그렇지만 배열처럼 index로 반복문을 사용할 수 있음(for (let i = 0; i<n; i++)),

- for in문을 사용하면 필요하지 않은 내장 필드까지 출력되기 때문에 비추천

 

localStorage	sessionStorage
같은 탭, 창 전체에서 오리진 공유	같은 브라우저 탭, iframe에서 오리진 공유
브라우저를 껐다켜도 유지	새로고침해도 남아있으나 탭이나 브라우저를 종료하면 사라짐

 

공통 메서드(프로퍼티)

storage.length

: storage 길이 반환

storage.key(index)

: index번째 key 반환

storage.clear()

: 저장소 비우기

 

storage.setItem(키, 값)

: 값 저장/변경

storage.getItem(키)

: 키에 해당하는 값 반환

 

값 저장 시 JSON.stringify로 감싸고

값 사용 시 JSON.parse로 파싱

// storage에 저장 시
storage.setItem(키, JSON.stringify(obj)) // obj는 값

// storage에서 꺼낼 때
변수 = storage.getItem(JSON.parse(키))

 

 

 

 

22.11.15

코스 S1U12