介绍
为了满足各种各样的需求，会经常性在本地存储大量的数据，HTML5规范提出了解决方案。
- 数据存储在用户浏览器中
- 设置、读取方便、甚至页面刷新不丢失数据
- 容量较大，sessionStorage和localStorage约5M左右
localStorage
作用：可以将数据永久存储在本地，除非手动删除，否则关闭页面也会存在
特性：可以多窗口共享，以键值对的形式存储使用
语法：
存储数据
如果有则修改
localStorage.setltem(key,value)
<body>
<script>
localStorage.setItem('name', '一斗')
</script>
</body> 
同时可以存储复杂的数据类型，需要转换为JSON字符串，再存储到本地
语法：JSON.stringify(复杂的数据类型)
const obj={
name:'001',
age:'002'
}
localStorage.setItem('obj',JSON.stringify(obj))获取时把JSON字符串转换为对象
JSON.parse(localStorage.getItem('obj'))
获取数据
localStorage.getltem(key)
删除数据
localStorage.removeItem(key)
sessionStorage
特性：
- 生命周期为关闭浏览器窗口
- 在同一个窗口下数据可共享
- 以键值对的形式存储使用
- 用法和localStorage基本相同
数组map和join方法
map
map可以遍历数组处理数据，并且返回新的数组
const arr = ['a', 'b', 'c']
const arrq = arr.map(function (ele, index) {
console.log(ele); //数组元素
console.log(index); //数组索引号
return ele + 'hh'
})
console.log(arrq);
join
作用：用于数组中的所有元素转换一个字符串
const arr = ['a', 'b', 'c']
console.log(arr.join('hhh'));
![[CTF]-Reverse：纯逻辑分析题型综合解析](https://i-blog.csdnimg.cn/blog_migrate/cbfc05cef5495941c5f66f1fc666428d.png)
