sessionStorage、localStorage 存储及如何存储数组与对象

1、存储,获取,清楚

sessionStorage.setItem("key",val)
sessionStorage.getItem("key")
sessionStorage.removeItem("key")

2、存数组

var aa=[1,2,3];
    var sStorage=window.sessionStorage;
    sStorage.aa=aa;
    console.log(sStorage.aa); //输出1,2,3

    /*下面我写个函数*/
    function stringToArray(arr){
        return arr.split(‘,‘); /*好吧,这个比较喽 @[email protected] */
    }

    /*稍微优化一下*/
    function stringToArray(arr){
        var tempArr=arr.split(‘,‘);
        var returnArr=new Array();
        var i,len=tempArr.length;
        for(i=0;i<len;i++){
            if(typeOf(tempArr[0]*1)===‘number‘){
                returnArr.push(tempArray[i]*1);
            }else{
                returnArr.push(tempArray[i]);
            }
        }
        return returnArr;
    }

3、存json

/*思路很简单:JSON对象提供的parse和stringify将其他数据类型转化成字符串,再存储到storage中就可以了*/
    var obj = { Hellow:‘world‘ };
    var str = JSON.stringify(obj); 

    //存入
    sessionStorage.obj = str;
    //读取
    str = sessionStorage.obj;
    //重新转换为对象
    obj = JSON.parse(str);

4、判断浏览器是否支持

if (window.sessionStorage) {
//        console.log("浏览支持sessionStorage")
      } else {
//        console.log("浏览暂不支持sessionStorage")
      }
时间: 2024-08-28 21:03:59

sessionStorage、localStorage 存储及如何存储数组与对象的相关文章

使用sessionStorage、localStorage存储数组与对象(转)

http://my.oschina.net/crazymus/blog/371757 使用sessionStorage.localStorage存储数组与对象 发表于3个月前(2015-01-26 12:11)   阅读(708) | 评论(0) 5人收藏此文章, 我要收藏 赞0 慕课网,程序员升职加薪神器,点击免费学习 移动web 有时候,我们需要将数据存储到sessionStorage和localStorage中,这样做的好处有: 1 缓存数据 2 减少对内存的占用 但是,storage只能

localStorage存储数组或者对象的问题总结

在做  保存选中的复选框记录(跳转到下个页面返回时希望原先选中的东西还在)时, 用到了localStorage存储数据. 由于复选框的内容有点多,就在localStorage中存入了对象(因为考虑到复选框有可能会多选,长度不一定,没有用二维数组). //首先先声明了存储复选框的对象checkarr var checkarr={}; //将数据存入checkarr中 function storeCheckarr(checkname){ //每列复选框都是一条数组:checkname:[] chec

h5的本地存储——sessionStorage,localStorage

HTML5 提供了两种在客户端存储数据的新方法: localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储 SessionStorage, LocalStorage, Cookie这三者都可以被用来在浏览器端存储数据,localStorage和sessionStorage都是本地存储. Cookie会在每次发送HTTP请求时附加到Cookie头字段,服务器以此得知用户所处的状态. Web Storage的概念和cookie相似,

Web存储机制—sessionStorage,localStorage使用方法

Web存储机制,在这里主要聊有关于Web Storage API提供的存储机制,通过该机制,浏览器可以安全地存储键值对,比使用cookie更加直观.接下来简单的了解如何使用这方面的技术. 基本概念 Web Storage 包含两种机制: sessionStorage为每一个给定的源维持一个独立的存储区域,该区域在页面会话期间可用(即只要浏览器处于打开状态,包括页面重新加载和恢复) localStorage同样的功能,但是在浏览器关闭,然后重新打开后数据仍然存在 这两种机制是通过Window.se

H5的storage(sessionstorage&amp;localStorage)简单存储删除

众所周知,H5的storage有sessionstorage&localStorage,其中他们的共同特点是API相同 下面直接上代码,storage中的存储与删除: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=devic

Java存储密码用字符数组

字符数组和字符串都可以用于存储文本数据,但是在选择具体哪一种时,如果你没有针对具体的情况是很难回答这个问题的.但是任何与字符串相关的问题一定有线索可以在字符串的属性里面找到,比如不可变性.他就用这种方式去说服面试官.这里我们就来探讨一些关于为什么你应该使用char[] 来存储密码而不是字符串. 因为字符串是不可变对象,如果作为普通文本存储密码,那么它会一直存在内存中直至被垃圾收集器回收.因为字符串从字符串池中取出的(如果池中有该字符串就直接从池中获取,否则new 一个出来,然后把它放入池中),这

cookie,sessionStorage,localStorage

本文转 sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的,可以方便的在web请求之间保存数据.有了本地数据,就可以避免数据在浏览器和服务器间不必要地来回传递.sessionStorage. localStorage.cookie都是在浏览器端存储的数据,其中sessionStorage的概念很特别,引入了一个“浏览器窗口”的概念. sessionStorage是在同源的同窗口(或tab)中,始终存在的数据.也就是说只要这个浏览器窗口

SessionStorage LocalStorage cookie三者区别

sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的,可以方便的在web请求之间保存数据.有了本地数据,就可以避免数据在浏览器和服务器间不必要地来回传递. sessionStorage.localStorage.cookie都是在浏览器端存储的数据,其中sessionStorage的概念很特别,引入了一个"浏览器窗口"的概念.sessionStorage是在同源的同窗口(或tab)中,始终存在的数据.也就是说只要这个浏览器窗口

sessionStorage localStorage 和 cookie 之间的异同

(转) sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的,可以方便的在web请求之间保存数据.有了本地数据,就可以避免数据在浏览器和服务器间不必要地来回传递. sessionStorage.localStorage.cookie都是在浏览器端存储的数据,其中sessionStorage的概念很特别,引入了一个"浏览器窗口"的概念.sessionStorage是在同源的同窗口(或tab)中,始终存在的数据.也就是说只要这个浏