2.本地存储
2.1本地存储分类- localStorage
1.作用:
可以将数据永久存储在本地(用户的电脑)，除非手动删除，否则关闭页面也会存在
2.特性:
●可以多窗口(页面)共享(同一浏览器可以共享)
●以键值对的形式存储使用，键值除了数字型都要加引号
3.语法
存储数据:
localStorage.setltem('key', 'value')
获取数据:
localStorage.getltem('key')
删除数据：
localStorage.removeltem('key')
注意：本地存储只能存储字符串数据类型
2.2本地存储分类- sessionStorage
特性:
●生命周期为关闭浏览器窗口
●在同一个窗口(页面)下数据可以共享
●以键值对的形式存储使用
●用法跟 localStorage基本相同
2.3存储复杂数据类型
本地只能存储字符串，无法存储复杂数据类型.
例如：
显示为object
●解决: 需要将复杂数据类型转换成JSON字符串，再存储到本地
●语法：
JSON.stringify(复杂数据类型)
➢将复杂数据转换成JSON字符串 存储 在本地存储中
●问题：因为本地存储里面取出来的是字符串，不是对象，无法直接使用
●解决：把取出来的字符串转换为对象
●语法：JSON.parse(JSON字符串)
const obj = JSON.parse( localStorage.getItem( 'goods' ))
console.log(obj)
➢将JSON字符串转换成对象 取出 时候使用
【示例】
<body><script>const obj = {uname: 'Kai',age: 18,gender: '女'}// 1. 复杂数据类型存储必须转换为 JSON字符串存储localStorage.setItem('obj', JSON.stringify(obj))// console.log(localStorage.getItem('obj')) //得到的是字符串// 2. 把JSON字符串转换为 对象const str = localStorage.getItem('obj')console.log(JSON.parse(str))</script>
</body>
复杂数据类型转换为JSON得到的是字符串，所以取出时要将JSON字符串转换为对象
2.4数组中map方法迭代数组
●使用场景:
map可以遍历数组处理数据，并且返回新的数组
map也称为映射。映射是个术语，指两个元素的集之间元素相互“对应”的关系。
map重点在于有返回值，forEach没有返回值
2.5数组中join方法
●作用:
join()方法用于把数组中的所有元素转换为一个字符串
●语法:
●参数:
数组元素是通过参数里面指定的分隔符进行分隔的，空字符串(") ，则所有元素之间都没有任何字符。