JavaScript(27)——本地存储、数组map和join

A阳俊yi

于 2024-08-21 16:29:35 发布

阅读量206

点赞数 5

分类专栏： JavaScript 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/m0_74386799/article/details/141390964

版权

JavaScript 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

介绍

为了满足各种各样的需求，会经常性在本地存储大量的数据，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'));

A阳俊yi

关注

5
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JavaScript(27)——本地存储、数组map和join

为了满足各种各样的需求，会经常性在本地存储大量的数据，HTML5规范提出了解决方案。
复制链接

扫一扫

专栏目录