33 localStorage

33 localStorage

localStorage

localStorage: 存储数据到本地

存储数据

1. 对象.属性名 = 属性值;

2. setItem('属性名， '属性值');

// 对象.属性名 = 属性值;
localStorage.username = '1332222111';
​
// setItem('属性名， '属性值');
localStorage.setItem('pass', '123123');

获取数据

1. 对象.属性名

2. getItem('属性名');

// 对象.属性名
console.log(localStorage.username);
​
// getItem('属性名');
console.log(localStorage.getItem('pass'));

删除数据

1. 对象.属性名 = '';

2. removeItem('属性名');

// 删除数据
localStorage.username = ''; // 属性名始终存在
​
localStorage.removeItem('pass'); // 直接删除整个属性

注意

1. localStorage存储的值都是字符串

   localStorage.isTrue = true;
   ​
   console.log(localStorage);

2. 存储复杂数据类型需要转换成json字符串在存储

   var arr = [1,2,3,4,5];
   localStorage.arr = arr;
   ​
   // 将js数据转成json数据
   var a = JSON.stringify(arr);
   console.log(a, typeof a);
   localStorage.a = a;
   ​
   console.log(localStorage.arr, localStorage.a);
   ​
   var obj = {
       'name': '彭于晏',
       'age': 33,
       'height': 188
   };
   ​
   localStorage.obj = obj;
   var o = JSON.stringify(obj);
   console.log(o);
   ​
   localStorage.o = o;
   ​
   console.log(localStorage.obj, localStorage.o);

3. 清除所有

   localStorage.clear();