gurwhddl
코알못 공부블로그
gurwhddl
전체 방문자
오늘
어제
  • 분류 전체보기
    • CSS
    • JS
    • node.JS
    • REACT
    • 코딩테스트 연습

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
gurwhddl

코알못 공부블로그

JS

8 - local storage에 저장하기

2022. 9. 18. 22:12
function saveTodos() {
localStorage.setItem("todos",todos);
}
 
이렇게 설정해놓고 저장된값을 getItem으로 불러오면 
'a,b,d,f,h,s' 이런식으로 설정이 된다( , 도 그냥 문자로 지정이 되어버린거, 순서 찾기가 좀 힘들다)
내가 원하는건 '["a","b","c"]' 이런식
 
다시한번 살펴보면
 
내가 지정한 todos 
(6) ['1', '2', '3', '4', '5', '6']
 
로컬에 저장된 값
localStorage.getItem("todos")
'1,2,3,4,5,6' - 이게 하나의 문자로 취급
*localStorage에는 오직 텍스트만 저장할 수 있음
JSON.stringify( ) - object건 array든지 모든 걸 다 string으로 바꿔줌 - null, false 이런것도 다 가능
그래서 JSON.stringify(todos)를 하면 이렇게 단순히 '[ㅁ,ㅍ,ㅇ,ㄴ]' 가 됨. 
*console-application 안에서 보는 value값이랑 실제 콘솔창에서 찍어보는거랑 보이는게 다름 

JSON.parse() - 위에랑 반대로 배열로 만들어줌

'JS' 카테고리의 다른 글

JS forEach  (0) 2022.09.20
복습) JS this  (0) 2022.09.20
7- 오늘할일 list 생성하고 지우기  (0) 2022.09.18
6 - array에서 랜덤하게 하나 불러오기  (0) 2022.09.16
5 - 시계 만들기  (0) 2022.09.14
    'JS' 카테고리의 다른 글
    • JS forEach
    • 복습) JS this
    • 7- 오늘할일 list 생성하고 지우기
    • 6 - array에서 랜덤하게 하나 불러오기
    gurwhddl
    gurwhddl

    티스토리툴바