Object 对象,web的本地存储(localSorage,sessionSorage)

对象属性

1、下面是一个对象(使用对象 literals),

var scoreObject = {
    "Tony": {
        "Math": 95,
        "English": 79,
        "Music": 68
    }, 
    "Simon": {
        "Math": 100,
        "English": 95,
        "Music": 98
    }, 
    "Annie": {
        "Math": 54,
        "English": 65,
        "Music": 88
    }
}
//取得对象中某个对象的值

var str = scoreObject[i].Math

web本地存储

HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的,区别在于 sessionStorage 在关闭页面后即被清空,而 localStorage 则会一直保存。

存储的内容是以Json的形式存储的

JSON.parse() 用于将一个 JSON 字符串转换为对象,JSON.stringify() 可以将对象转换为字符串

1、sessionSorage:用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。

2、localSorage:用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除。5M(chrome)

保存数据到本地:

sessionStorage.setItem('key', JSON.stringify(value));

localStorage.setItem('key', JSON.stringify(value));

取得本地的数据:

var data1 = JSON.parse(sessionStorage.getItem('key'));

var data2 = JSON.parse(localStorage.getItem('key'));

清空全部数据

sessionStorage.clear()

localStorage.clear()

删除单个数据

localStorage.removeItem(key);

sessionStorage.removeItem(key);

得到某个索引的key

localStorage.key(index);

sessionStorage.key(index);

猜你喜欢

转载自blog.csdn.net/clmmei_123/article/details/81213355