localStorage ストレージと JSON の読み取りを実装する方法

今回は、localStorage から JSON を読み取る方法と、localStorage から JSON を読み取る際の 注意事項 を​​説明します。実際のケースを見てみましょう。

localStorage は、クライアント側で

ローカル ストレージを実装するために HTML5 によって提供されるメソッドですが、場合によっては、次のような string データをローカルに保存する必要があります。 localStorage について JSON データを保存および読み取るにはどうすればよいですか?アイデア: localStorage は文字列データのみを保存できるため、最初に JSON オブジェクトを文字列に変換し、次に localStorage メソッドを使用してそれを保存できます。これらの JSON データを使用する必要がある場合は、まずそれらを読み取ってから、次に、それを JSON オブジェクトに変換して使用します。 具体的なコードは次のとおりです:

<a href="https://www.php.cn/wiki/60.html" target="_blank">var jsonData = {'name': '张三', 'age': 29}; // 定义一个JSON对象
var str_jsonData = JSON.stringify(jsonData);
console.log(typeof(str_jsonData)); // string
localStorage.setItem('localData', str_jsonData); // 存储字符串数据到本地
var getLocalData = localStorage.getItem('localData'); // 读取字符串数据
console.log(typeof(getLocalData)); // string
var jsonObj = JSON.parse(getLocalData);
console.log(typeof(jsonObj)); // obj
console.log(jsonObj.age); // 29</a>

拡張機能:

stringify() はオブジェクトから文字列を解析するために使用され、

parse() は文字列から json オブジェクトを解析するために使用されます。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

H5の保存方法の詳細な説明

postMessageはクロスドメインおよびクロスウィンドウメッセージングを実装します

以上がlocalStorage ストレージと JSON の読み取りを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。