有学有练才叫学习:学而不思则罔,思而不学则殆:学而不习,纸上谈兵,习而不进,画地为牢!

js 本地存储并获取数据

javascript cat 10个月前 (12-09) 90次浏览 已收录 0个评论 扫描二维码

1、本地存储

本地存储分为Cookie、 LocalStorage、SessionStorage

localStorage:

设置:localStorage.setItem(key, value)

读取:localStorage.getItem(key)

删除:localStorage.removeItem(key)

注意:设置或读取的值都是字符串,即便你存的值不是字符串,它也会帮你转成字符串(调toString())

// 存
localStorage.setItem('name', 'zs');
localStorage.setItem('age', 3);

// 取
console.log(localStorage.getItem('name'));
console.log(localStorage.getItem('age'));

// 删除
setTimeout(function () {
    localStorage.removeItem('age');
}, 4000);
var obj = {
    name: 'zs',
    age: 3
}

// console.log(obj.toString());
// localStorage.setItem('o', obj);

localStorage.setItem('o', JSON.stringify(obj))

console.log(JSON.parse(localStorage.getItem('o')));

2、JSON

JSON.parse(字符串); // 将长得像对象的字符串解析成对象

JSON.stringify(对象); // 将对象转成字符串

var obj = {
    name: 'zs',
    age: 3
}

var s = JSON.stringify(obj);
console.log(s); // {"name":"zs","age":3}
console.log(typeof s); // 'string'

var o = JSON.parse(s)
console.log(o); // {name: 'zs', age: 3}
console.log(typeof o); // 'object'
喜欢 (0)
cat
关于作者:
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址