js本地存储的使用

最新推荐文章于 2024-10-18 17:51:23 发布

梦晨黑

最新推荐文章于 2024-10-18 17:51:23 发布

阅读量219

点赞数 3

分类专栏： JavaScript笔记文章标签： javascript 前端

本文链接：https://blog.csdn.net/2302_80695016/article/details/141304816

版权

JavaScript笔记专栏收录该内容

11 篇文章 0 订阅

订阅专栏

存入数据

localStorage.setItem('在本地存储中的名字',JSON.stringify(需要存储的数组))

let arr = []	/* 定义空数组 */
			let obj = {}	/* 定义空对象 */
			objarr = () => {
				let name = prompt('清输入你的名字')
				obj.id = arr.length + 1
				obj.name = name
				arr.unshift(obj)
				obj = {}
				localStorage.setItem('arr',JSON.stringify(arr))
			}

取出数据

JSON.parse(localStorage.getItem('在本地存储中的名字'))

let arrApp = JSON.parse(localStorage.getItem('arr'))

查看数据

console.log(localStorage);

清除数据

localStorage.clear()

完整代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button type="button" onclick="objarr()">点击追加obj对象数据到arr数组里面</button>
		<button type="button" onclick="clean()">清除本地存储的数据</button>
		<script>
			
			let arr = []	/* 定义空数组 */
			let obj = {}	/* 定义空对象 */
			objarr = () => {
				let name = prompt('清输入你的名字')
				obj.id = arr.length + 1
				obj.name = name
				arr.unshift(obj)
				obj = {}
				localStorage.setItem('arr',JSON.stringify(arr))
				let arrApp = JSON.parse(localStorage.getItem('arr'))
				// arrApp.forEach(item =>{
				// 	console.log(item.id);
				// 	console.log(item.name);
				// })
				console.log(localStorage);
			}
			console.log(localStorage);
			clean = () => {
				localStorage.clear()
				console.log(localStorage);
			}
		</script>
	</body>
</html>