当前位置: 首页 > article >正文

sessionStorage对象--JSON数组--使用花括号{}直接定义对象--丝滑小连招:----客户端缓存之一

在JavaScript中,浏览器的会话缓存通常指的是sessionStorage对象,它允许在浏览器会话期间存储数据。以下是sessionStorage对象的一些常用API方法:

存储数据

使用setItem(key, value)方法可以将数据存储到sessionStorage中。例如:

sessionStorage.setItem('username', 'JohnDoe');

获取数据

使用getItem(key)方法可以从sessionStorage中获取数据。例如:

var username = sessionStorage.getItem('username');
console.log(username); // 输出: JohnDoe

删除数据

使用removeItem(key)方法可以从sessionStorage中删除指定的数据。例如:

sessionStorage.removeItem('username');

清除所有数据

使用clear()方法可以清除sessionStorage中的所有数据。例如:

sessionStorage.clear();

存储对象

由于sessionStorage只能存储字符串,因此需要使用JSON.stringify()方法将对象转换为字符串后再存储。例如:

var user = { name: 'JaneDoe', age: 30 };
sessionStorage.setItem('user', JSON.stringify(user));

获取对象

使用JSON.parse()方法将从sessionStorage中获取的字符串转换回对象。例如:

var userObject = JSON.parse(sessionStorage.getItem('user'));
console.log(userObject);

这些API方法可以帮助你在JavaScript中管理浏览器的会话缓存数据。需要注意的是,sessionStorage中的数据仅在当前浏览器会话期间有效,当用户关闭浏览器窗口或标签页时,数据将被清除。

在JavaScript中,你可以使用花括号 {} 直接定义对象,并将多个这样的对象存储到一个JSON数组中。以下是一个示例,展示了如何创建对象并将它们添加到一个JSON数组中:

// 创建第一个对象
var object1 = {
    name: "John",
    age: 30,
    city: "New York"
};

// 创建第二个对象
var object2 = {
    name: "Jane",
    age: 25,
    city: "Los Angeles"
};

// 创建一个JSON数组,并将两个对象添加到数组中
var jsonArray = [object1, object2];

// 输出JSON数组,以验证它是否包含两个对象
console.log(jsonArray);

在这个示例中,我们首先使用花括号定义了两个对象 object1 和 object2。然后,我们创建了一个名为 jsonArray 的数组,并使用方括号将这两个对象添加到数组中。最后,我们通过 console.log 输出了这个JSON数组,以验证它是否包含了我们刚刚创建的两个对象。

将JSON数组存储到 sessionStorage 中

如果你想要将这个JSON数组存储到 sessionStorage 中,你可以使用 sessionStorage.setItem 方法。以下是一个示例:

// 将JSON数组转换为字符串,并存储到sessionStorage中
sessionStorage.setItem('myJsonArray', JSON.stringify(jsonArray));

// 从sessionStorage中获取数据,并将其转换回JSON数组
var retrievedArray = JSON.parse(sessionStorage.getItem('myJsonArray'));

// 输出检索到的数组,以验证它是否与原始数组相同
console.log(retrievedArray);

在这个示例中,我们首先使用 JSON.stringify 方法将 jsonArray 转换为一个字符串,然后使用 sessionStorage.setItem 将这个字符串存储到 sessionStorage 中,键为 myJsonArray。接着,我们使用 sessionStorage.getItem 方法获取存储的数据,并使用 JSON.parse 将其转换回原始的JSON数组形式。最后,我们通过 console.log 输出了检索到的数组,以验证它是否与原始数组相同。


http://www.kler.cn/a/429355.html

相关文章:

  • 具体场景的 MySQL 与 redis 数据一致性设计
  • BIO、NIO、AIO
  • 《Compact Convolutional Transformers:开启计算机视觉新篇》
  • Multi-Agent如何设计
  • 网络安全——常用语及linux系统
  • 【matlab】matlab知识点及HTTP、TCP通信
  • 【linux】shell(32)-循环控制
  • C#导出数据库到Excel文件(.NET)
  • Mac Open in terminal 总是打开vscode
  • 计算机网络-IPSec VPN工作原理
  • ejb组件(rmi) webservice平台(xml)
  • ChatUI使用.引导<基于react使用><全网唯一>
  • C++中的多线程及其之后的周边
  • XML与HTML的区别汇总
  • 【TensorFlow】基本概念:张量、常量、变量、占位符、计算图
  • 碰撞算法9 --线段与线段的碰撞
  • MinIO分布式文件存储
  • Vue3中的ref函数
  • ThinkPHP框架审计--基础
  • 树莓派3B+驱动开发(5)- pinctrl和gpio子系统
  • 技术岗面试准备总结
  • STM32F103 Keil 库函数工程创建
  • STM32F103单片机HAL库串口通信卡死问题解决方法
  • 【考前预习】1.计算机网络概述
  • hive:Cannot truncate non-managed table table_name
  • 利用深度纹理实现运动模糊