码迷,mamicode.com
首页 > 其他好文 > 详细

localStorage用法小总结

时间:2017-11-27 12:45:53      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:属性   define   undefined   head   def   读取数据   locale   删除   xiaomi   

API如下表所示

名称作用
clear 清空localStorage上存储的数据
getItem 读取数据
hasOwnProperty 检查localStorage上是否保存了变量x,需要传入x
key 读取第i个数据的名字或称为键值(从0开始计数)
length localStorage存储变量的个数
propertyIsEnumerable 用来检测属性是否属于某个对象的
removeItem 删除某个具体变量
setItem 存储数据
toLocaleString 将(数组)转为本地字符串
valueOf 获取所有存储的数据

清空localStorage

localStorage.clear()    // undefined 

存储数据

localStorage.setItem("name","caibin") //存储名字为name值为caibin的变量

读取数据

localStorage.getItem("name") //caibin,读取保存在localStorage对象里名为name的变量的值
localStorage.valueOf() //读取存储在localStorage上的所有数据

删除某个变量

localStorage.removeItem("name"); //undefined

检查localStorage里是否保存某个变量

// 这些数据都是测试的,是在我当下环境里的,只是demo哦~
localStorage.hasOwnProperty(‘name‘) // true
localStorage.hasOwnProperty(‘sex‘)  // false


将数组转为本地字符串

var arr = [‘aa‘,‘bb‘,‘cc‘]; // ["aa","bb","cc"]
localStorage.arr = arr //["aa","bb","cc"]
localStorage.arr.toLocaleString(); // "aa,bb,cc"

将JSON存储到localStorage里

var students = { xiaomin: { name: "xiaoming", grade: 1 }, teemo: { name: "teemo", grade: 3 } }
students = JSON.stringify(students); //将JSON转为字符串存到变量里
console.log(students); localStorage.setItem("students",students);//将变量存到localStorage里
var newStudents = localStorage.getItem("students");
newStudents = JSON.parse(students); //转为JSON
console.log(newStudents); // 打印出原先对象



localStorage用法小总结

标签:属性   define   undefined   head   def   读取数据   locale   删除   xiaomi   

原文地址:http://www.cnblogs.com/alice-you/p/7903462.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!