localStorage의 배열에 데이터를 푸시하는 방법

Question

내가 하고 싶은 기능 중 하나는 빈 배열을 localstorage에 설정하는 것입니다. 클릭할 때마다 현재 클릭한 데이터를 localstorage 배열에 밀어넣습니다. 그러나 localstorage에서는 push를 허용하지 않으며 localstorage 배열을 심층 복사해 보았습니다. 복사된 배열에서 localstorage 배열을 deep copy 배열로 설정했는데 아직 시도해보지 않았습니다. 조언 부탁드립니다.

Answer 1

localStorage는 문자열만 저장할 수 있으므로 변환하려면 Json 개체를 사용해야 합니다.

으아악

Answer 2

매우 간단합니다. 저장하기 전에 json 문자열로 변환한 다음 꺼내서 뒤집어서 일반 배열을 얻습니다.

으아악

Answer 3

매우 이상한 생각입니다. localStorage.setItem("arr", arr)의 배열에 푸시하고 먼저 localStorage를 설정한 다음 작업을 수행하는 것은 어떨까요

Answer 4

localstorage에 저장된 배열은 문자열이 됩니다.
localStorage의 변수를 조작하려면 먼저 해당 배열을 꺼낸 후 저장해야 합니다.

으아악

꺼냈다가 다시 세팅해 보세요

으아악

Answer 5

먼저 localstorage가 무엇인지 이해해야 합니다.
localstorage는 HTML5의 새로운 기능인 webStorage 기술의 영구 저장 방법으로 일반적으로 로컬 저장소 및 교차 세션 저장소라고도 합니다.
사용 시 로컬 저장소에 빈 배열을 설정할 필요가 없습니다. 다음과 같이 자체적인 데이터 액세스 방법이 있습니다.

으아악

도움이 되길 바랍니다~