오늘 공부한 내용
1. localStorage
(1) 데이터 저장
setItem 메소드를 이용한다.
localStorage.setItem("key", "value");localStorage는 key값과 value값을 갖는 객체 형태로 저장된다. 이미 저장된 key값이 있으면 덮어쓰기 된다. (중요!) localStorage에 객채를 저장하고 싶다면 JSON.stringify를 이용해 JSON 문자열 형태로 넣어주면 된다.
let login = {id: "id", pwd: "pwd"}
localStorage.setItem("user", JSON.stringify(userInfo))'(2) 데이터 불러오기
getItem 메소드를 이용한다. key값을 통해 value값을 불러온다.
localStorage.getItem('username');(3) 데이터 삭제하기
removeItem 메소드를 이용한다. key값에 해당하는 value값이 삭제된다.
localStorage.removeItem('username');(4) localStorage 데이터 전체 삭제
localStorage.clear();(5) localStorage에 해당하는 key값이 없는지 확인하기
localStorage는 key값이 같은 값을 저장하면 덮어씌워지므로 주의해야한다.
if (!localStorage.getItem('key'))
//key값이 key인 것이 localStorage에 없다면~2. js 객체 value값으로 key값 찾기
function getKeyByValue(object, value) {
return Object.keys(object).find(key => object[key] === value);
}: key값만 따로 배열로 만든 후 find()함수를 사용해 value값이 같은 key값 리턴
참고: https://inpa.tistory.com/entry/JS-%F0%9F%9A%80-value%EA%B0%92%EC%9C%BC%EB%A1%9C-key%EA%B0%92-%EC%B0%BE%EA%B8%B0
