2020-11-15

最新推荐文章于 2024-09-02 17:34:07 发布

拥抱不知道

最新推荐文章于 2024-09-02 17:34:07 发布

阅读量58

点赞数

分类专栏：学习记录文章标签： javascript html5

本文链接：https://blog.csdn.net/weixin_44930420/article/details/109708835

版权

10 篇文章 0 订阅

订阅专栏

本文介绍了如何在JavaScript中使用Local Storage进行数据存储，包括存取、修改、删除操作，强调了值必须为字符串及转换方法。此外，还讲解了对象取值的两种方式和将对象转换为数组的技巧，对于前端开发人员理解数据处理有很好的指导作用。

摘要由CSDN通过智能技术生成

每周都会留下大大小小的各种问题，当然也有一些解决掉的问题，记录下来肯定会帮助我更好的更快的成长。奥里给

1.本地存储的语法实现
目前所有的浏览器总都会把local storage 的值类型限定为string类型，对一些常见的json对象类型需要转换

存入

window.localStorage.setItem('a', 1)

取值

window.localStorage.getItem('a')

修改

window.localStorage.setItem('a', 2)

重新对数据赋值就好了

删除

window.localStorage.removeItem('a')  //清空某个键值对

window.localStorage.clear()  //清空所有

注意

存值和取值的时候经常会用到JSON.stringify()和JSON.parse()方法

2.对象取值的两种方式

var obj = {a: 1};
var v1 = obj.a;  //使用点的方式
var v2 = obj["a"];  //使用中括号的方式

3.对象转数组和遍历对象

//对象转数组
var arr = [];
for (let i in obj) { //遍历对象
	let o = {};
	o[i] = obj[i];
	arr.push(o);
}
console.log(arr);

//取到对象的key值集合和value集合
var key = [], value = [];
for (let i in obj) {
	key.push(i);
	value.push(obj[i]);
}
console.log(key, value);

关注