如何解决storage存储对象只能存储字符串问题? (如何存储引用类型)

186 阅读1分钟
  • 使用json格式存储

             * 存: 先转json,后存储
                 * localStorage.setItem( 'user',JSON.stringify( obj ) )
             * 取:先取json,后转js 
                 * let js = JSON.parse( localStorage.getItem('user') ) 
    
let obj = { 
            name:'ikun'
            ,gfs:['学生','上课','敲代码']
        }
        
        //存对象 : js->json
        document.querySelector('.btn1').onclick = function(){
            //1.先把js对象转成json格式
            // let json =  JSON.stringify( obj )
            //2.json存入localStorage
            // localStorage.setItem( 'user',json )

            localStorage.setItem( 'user',JSON.stringify( obj ) )
        }

        //取对象 : json->js
        document.querySelector('.btn2').onclick = function(){
            //1.先取出json格式字符串
            // let json = localStorage.getItem('user')
            //2.把取出来的json -> js
            // let js =  JSON.parse( json )

            let js =  JSON.parse( localStorage.getItem('user') )
            console.log( js )
            
        }