ローカルストレージ

3409 ワード

HTML 5には、ローカルストレージとして主に使用されるlocalStorageプロパティが新たに追加され、cookieのストレージスペースが不足している問題(cookieの各cookieのストレージスペースは4 k)を解決し、localStorageの一般的なブラウザでは5 Mサイズがサポートされており、これはブラウザによってlocalStorageが異なる.localStorageは永続的なストレージであり、爬虫類に捕まえられてはいけない.localStorageに格納されているデータはブラウザ間で共有できません.つまり、ブラウザに格納されているデータはこのブラウザでしかアクセスできません.intタイプが格納されている場合、印刷されるとstringタイプになります.これはlocalStorage自体の特徴と関係があり、localStorageはstringタイプの格納のみをサポートします.
一般的なAPIは次の表に示されています.
表のソース
名前
さぎょう
clear
localStorageに格納されているデータをクリア
getItem
データの読み込み
hasOwnProperty
localStorageに変数xが保存されているかどうかを確認し、xを入力する必要があります.
key
i番目のデータの名前を読み取るかキー値と呼ぶ(0からカウント)
length localStorage
変数を格納する個数
propertyIsEnumerable
属性がオブジェクトに属しているかどうかを検出するために使用される
removeItem
特定の変数を削除
setItem
ストレージデータ
toLocaleString
ローカル文字列への変換
valueOf
格納されているすべてのデータの取得
詳しく説明する
データソース1データソース2 localStorage.getItem(key):指定したkeyがローカルに格納されている値を取得します.Jsonオブジェクトは自動的に文字列形式に変換されません.keyのvalueが存在しない場合はnullを返します.
  :localStorage.getItem(key,value)
  :
localStorage.getItem("name");【    】
var name = localStorage.name;
var name = localStorage["name"];

localStorage.setItem(key,value):keyフィールドにvalueを格納し、keyのvalueが存在する場合、keyの値を更新します.
  :localStorage.setItem(key,value)
  :
localStorage.setItem("name","moomoo");【    】
localStorage.name = "moomoo";
localStorage["name"] = "moomoo";

localStorage.removeItem(key)とlocalStorage.clear():指定したkeyがローカルに格納されている値を削除し、単一keyを消去する値を示します.
  :localStorage.remove(key)
  :
localStorage.remove("name");  //         name  
localStorage.clear(),  //    localStorage       

データの読み込み
  :
localStorage.getItem("name") //caibin,     localStorage     name     
localStorage.name //   
"caibin"localStorage.valueOf() //     localStorage      
localStorage.key(0) //            (  )//     localStorage        

データの遍歴
  :
for(var i=0; i

JSONオブジェクトの格納方法:localStorage.setItem()は自動的にJsonオブジェクトを文字列形式に変換せず、localStorageを使用する.setItem()JSONオブジェクトを正しく格納方法は、格納前にJSONを先に使用することである.stringify()メソッドは、jsonオブジェクトを文字列形式に変換し、その後、このJSONオブジェクトを操作し、以前に格納されていたJSON文字列をJSONオブジェクトに変換してから操作します.
   :
1 var obj = {"a": 1,"b": 2};
2 typeof localStorage.getItem("temp2");//    String
3 localStorage.setItem("temp2", obj);//    [object Object]

   :
JSON.stringify()          JavaScript       JSON    
1 var obj = {"a": 1,"b": 2};
2 obj = JSON.stringify(obj); //   JSON   
3 localStorage.setItem("temp2", obj);//  {"a":1,"b":2}

   :
      JSON  ,       JSON      JSON       
1 obj=JSON.parse(localStorage.getItem("temp2"));

   :
var storage=window.localStorage;
            var data={
                name:'xiecanyong',
                sex:'man',
                hobby:'program'
            };
            var d=JSON.stringify(data);
            storage.setItem("data",d);
            // JSON       JSON    
            var json=storage.getItem("data");
            var jsonObj=JSON.parse(json);
            console.log(typeof jsonObj);