WebストレージAPI
Web Storage APIは、ブラウザでデータを保存および取得するための単純な構文です。使い方はとても簡単です。
例
localStorage.setItem("name", "John Doe");
localStorage.getItem("name");
Web Storage APIは、すべてのブラウザでサポートされています。
| Chrome | IE/Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
localStorageオブジェクト
localStorageオブジェクトは、特定のWebサイトのローカルストレージへのアクセスを提供します。これにより、そのドメインのデータアイテムを保存、読み取り、追加、変更、および削除できます。
データは有効期限なしで保存され、ブラウザを閉じても削除されません。
データは、数日、数週間、および数年間利用できます。
setItem（）メソッド
localStorage.setItem（）メソッドは、データ項目をストレージに格納します。
これは、名前と値をパラメーターとして受け取ります。
例
localStorage.setItem("name", "John Doe");
getItem（）メソッド
localStorage.getItem（）メソッドは、ストレージからデータ項目を取得します。
パラメータとして名前を取ります：
例
localStorage.getItem("name");
sessionStorageオブジェクト
sessionStorageオブジェクトはlocalStorageオブジェクトと同じです。
違いは、sessionStorageオブジェクトが1つのセッションのデータを格納することです。
ブラウザを閉じるとデータが削除されます。
例
sessionStorage.getItem("name");
setItem（）メソッド
sessionStorage.setItem（）メソッドは、データ項目をストレージに格納します。
これは、名前と値をパラメーターとして受け取ります。
例
sessionStorage.setItem("name", "John Doe");
getItem（）メソッド
sessionStorage.getItem（）メソッドは、ストレージからデータ項目を取得します。
パラメータとして名前を取ります：
例
sessionStorage.getItem("name");
ストレージオブジェクトのプロパティとメソッド
| Property/Method | Description |
|---|---|
| key(n) | Returns the name of the nth key in the storage |
| length | Returns the number of data items stored in the Storage object |
| getItem(keyname) | Returns the value of the specified key name |
| setItem(keyname, value) | Adds that key to the storage, or update that key's value if it already exists |
| removeItem(keyname) | Removes that key from the storage |
| clear() | Empty all key out of the storage |
Web StorageAPIの関連ページ
| Property | Description |
|---|---|
| window.localStorage | Allows to save key/value pairs in a web browser. Stores the data with no expiration date |
| window.sessionStorage | Allows to save key/value pairs in a web browser. Stores the data for one session |