JSON.parse()与JSON.stringify()的区别，localStorage与sessionStorage的区别

1.JSON.parse()与JSON.stringify()的区别

JSON.parse()【从一个字符串中解析出json对象】

var data='{"name":"goatling"}'//定义一个字符串

JSON.parse(data)//解析对象​

结果是：​name:"goatling"

JSON.stringify()【从一个对象中解析出字符串】

var data={name:'goatling'}

JSON.stringify(data)

结果是：'{"name":"goatling"}'

2.localStorage与sessionStorage区别

localStorage浏览器一直保存

sessionStorage浏览器关闭后会消失

保存数据

var ss= {name: 'a', age: 1, id: '01'};

sessionStorage.setItem('key', JSON.stringify(ss)); localStorage.setItem('key', JSON.stringify(ss));

获取数据

JSON.parse(sessionStorage.getItem('key')); JSON.parse(localStorage.getItem('key'));

删除数据

sessionStorage.removeItem('key'); localStorage.removeItem('key');

删除所有

sessionStorage.clear(); localStorage.clear();

监听同一域名的本地存储变化

window.addEventListener('storage', function (e) {

console.log('key', e.key);

console.log('oldValue', e.oldValue);

console.log('newValue', e.newValue);

console.log('url', e.url);

})