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 中国語 Web サイトの他の関連記事を参照してください。