HTML5 로컬 및 세션 저장소에 복잡한 JavaScript 개체를 어떻게 저장하고 검색할 수 있습니까?

HTML5 로컬 및 세션 저장소의 개체 저장

쿼리:

HTML5의 localStorage 및 sessionStorage를 사용하면 기본 JavaScript 유형 및 배열. 그러나 복잡한 JavaScript 개체를 저장하려고 하면 실수로 문자열로 변환된 것처럼 보입니다. 이 동작의 원인을 이해하고 잠재적인 해결 방법을 모색하는 것이 중요합니다.

대응:

HTML5 웹 저장소 사양에 따르면 저장소 기능은 주로 키를 처리하도록 설계되었습니다. /value 쌍, 키와 값이 모두 문자열입니다. 결과적으로 복잡한 개체를 직접 저장할 수 없습니다.

해결 방법:

이 제한을 우회하려면 개체를 문자열로 변환하여 간단한 해결 방법을 사용할 수 있습니다.

<br>// 객체를 다음과 같이 저장합니다. string<br>localStorage.setItem('testObject', JSON.stringify(testObject));</p>
<p>// 저장된 객체 검색<br>var receivedObject = localStorage.getItem('testObject');<br> </p>
<p>저장된 값을 검색할 때 다시 원래 값으로 변환할 수 있습니다. 원본 객체:</p>
<p><pre class="brush:php;toolbar:false"><br>// 객체 재구성<br>var reconstructedObject = JSON.parse(retrievedObject);<br>

이 접근 방식은 복잡한 객체를 효율적으로 저장하고 검색할 수 있습니다.

위 내용은 HTML5 로컬 및 세션 저장소에 복잡한 JavaScript 개체를 어떻게 저장하고 검색할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!