HTML5 LocalStorage/SessionStorage에 문자열이 아닌 데이터를 어떻게 저장할 수 있습니까?

HTML5 LocalStorage/SessionStorage에 문자열이 아닌 항목을 저장하는 방법

기본 유형 및 배열과 달리 JavaScript 객체를 HTML5 저장소에 직접 저장 결과적으로 문자열로 변환됩니다. 이러한 제한은 개발자들 사이에 혼란을 야기하는 논쟁의 주제였습니다.

HTML5 웹 스토리지 사양에 따르면 setItem() 메서드는 키/값 쌍이 문자열일 것으로 예상합니다. 이 제한을 극복하려면 다음 해결 방법을 고려하십시오.

JSON 직렬화 및 역직렬화

HTML5 저장소에 객체를 저장하려면 JSON.stringify를 사용하여 객체를 JSON 문자열로 변환하세요. (). 검색 시 JSON.parse()를 사용하여 JSON 문자열을 다시 객체로 구문 분석합니다.

var testObject = { 'one': 1, 'two': 2, 'three': 3 };

// Put the object into storage
localStorage.setItem('testObject', JSON.stringify(testObject));

// Retrieve the object from storage
var retrievedObject = JSON.parse(localStorage.getItem('testObject'));

console.log('Retrieved object:', retrievedObject);

출력 예:

Retrieved object: { one: 1, two: 2, three: 3 }

이전에 객체를 직렬화하여 검색 후 이를 저장하고 역직렬화하면 HTML5 저장소에 JavaScript 객체를 효과적으로 저장하고 검색할 수 있습니다.

위 내용은 HTML5 LocalStorage/SessionStorage에 문자열이 아닌 데이터를 어떻게 저장할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!