介绍
- 在本地存储中存储数据类型:将复杂数据类型首先转换成JSON字符串,然后再存储。
- 从本地存储获取复杂数据类型:首先获取到字符串,该字符串是JSON字符串,然后将JSON字符串转换为对象才能使用。
保存复杂数据语法:
localStorage.setItem(key, JSON.stringify(对象))
获取复杂数据语法:
JSON.parse(localStorage.getItem(key))
示例
将复杂数据类型转换为JSON字符串存储到本地存储中
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
const obj = {
uname: 'tom',
age: 18,
gender: '男'
}
// 复杂数据类型必须转换为JSON字符串存储
localStorage.setItem('obj', JSON.stringify(obj))
</script>
</body>
</html>
从本地存储中获取复杂数据类型:首先获取存储的JSON字符串,然后将JSON字符串转换为对象
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
const obj = {
uname: 'tom',
age: 18,
gender: '男'
}
// 复杂数据类型必须转换为JSON字符串存储
localStorage.setItem('obj', JSON.stringify(obj))
// 取
// console.log(typeof localStorage.getItem('obj'))
// JSON把字符串转换为对象
console.log(JSON.parse(localStorage.getItem('obj')))
</script>
</body>
</html>