JavaScript 配列を localStorage に効果的に保存および取得するにはどうすればよいですか?

localStorage への配列の保存: 配列永続性の問題の解決

localStorage への配列の保存は簡単に実行できますが、localStorage の処理時にエラーが発生します典型的な JavaScript オブジェクトと同様です。この問題を解決するには、localStorage の文字列のみのストレージ制限を理解することが重要です。

The Missing Link: JSON

localStorage で配列を永続化するには、JSON の力を利用します。 .stringify() と JSON.parse()。 JSON.stringify() は、JavaScript 配列を JSON 文字列に変換します。

サンプル コード:

var names = [];
names[0] = prompt("New member name?");
localStorage.setItem("names", JSON.stringify(names));

取得のために、JSON.parse() は保存された JSON を再変換します。文字列を JavaScript 配列に戻します。

代替メソッド: ダイレクト アクセス

localStorage.setItem() を使用する代わりに、目的のキーを使用して JSON 文字列を localStorage プロパティに直接割り当てることができます:

localStorage.names = JSON.stringify(names);

このメソッドは以下を提供します。配列データの設定と取得のための簡潔な代替手段。

これらを実行します。配列:

localStorage での配列ストレージの適切な処理を理解することで、セッションやブラウザー インスタンス間で配列データを簡単に永続化できます。 JSON の文字列変換能力を活用すれば、配列は存続します!

以上がJavaScript 配列を localStorage に効果的に保存および取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。