LocalStorage에서 JavaScript 배열을 올바르게 저장하고 검색하는 방법은 무엇입니까?

LocalStorage에 배열을 저장하는 방법

JavaScript에서 배열로 작업할 때 단일 페이지의 수명을 초과하여 데이터를 유지하기 위해 영구 저장소가 필요한 시나리오가 있습니다. 짐. LocalStorage는 이러한 목적에 편리한 솔루션을 제공하지만 고유한 특성으로 인해 배열 저장에 대한 구체적인 접근 방식이 필요합니다.

주어진 코드 조각에서는 localStorage[names] 구문을 사용하여 localStorage에 직접 배열을 저장하려고 시도합니다. ]. 그러나 localStorage는 문자열만 지원하므로 이 접근 방식은 올바르지 않습니다. 이 제한을 극복하기 위한 해결책은 배열을 localStorage에 저장하기 전에 JSON.stringify()를 사용하여 문자열로 변환하는 것입니다.

수정된 코드는 다음과 같습니다.

// Convert the array to a string using JSON.stringify()
var namesString = JSON.stringify(names);

// Store the string in localStorage
localStorage.setItem("names", namesString);

//...

// Retrieve the stored string from localStorage
var storedNamesString = localStorage.getItem("names");

// Convert the string back to an array using JSON.parse()
var storedNames = JSON.parse(storedNamesString);

또는 보다 간결한 접근 방식은 표시된 것처럼 직접 액세스를 사용하여 localStorage의 항목을 설정하고 가져오는 것입니다. 아래:

// Convert the array to a string using JSON.stringify()
localStorage.names = JSON.stringify(names);

// Retrieve the stored string from localStorage
var storedNames = JSON.parse(localStorage.names);

JSON.stringify() 및 JSON.parse()를 활용하면 localStorage에 배열을 효과적으로 저장하고 검색하여 데이터의 지속적인 저장을 보장할 수 있습니다.

위 내용은 LocalStorage에서 JavaScript 배열을 올바르게 저장하고 검색하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!