用sessionStorage储存对象

sessionStorage是HTML5提供的一种用于在浏览器端存储数据的机制，它可以将数据保存在用户会话期间，即在用户关闭浏览器窗口之前。使用sessionStorage可以方便地将对象存储在浏览器中。

要使用sessionStorage储存对象，需要将对象转换为字符串形式，然后再存储到sessionStorage中。可以使用JSON.stringify()方法将对象转换为字符串，然后使用sessionStorage.setItem()方法将字符串存储到sessionStorage中。

以下是一个示例代码，演示了如何使用sessionStorage储存对象：

// 定义一个对象
var person = {
  name: "John",
  age: 30,
  city: "New York"
};

// 将对象转换为字符串
var personStr = JSON.stringify(person);

// 将字符串存储到sessionStorage中
sessionStorage.setItem("person", personStr);

在上述代码中，我们首先定义了一个名为person的对象。然后使用JSON.stringify()方法将该对象转换为字符串形式，并将其存储在名为"person"的sessionStorage项中。

要获取存储在sessionStorage中的对象，可以使用sessionStorage.getItem()方法获取存储的字符串，然后使用JSON.parse()方法将字符串转换回对象形式。

以下是一个示例代码，演示了如何从sessionStorage中获取存储的对象：

// 从sessionStorage中获取存储的字符串
var personStr = sessionStorage.getItem("person");

// 将字符串转换为对象
var person = JSON.parse(personStr);

// 输出对象的属性
console.log(person.name); // 输出 "John"
console.log(person.age); // 输出 30
console.log(person.city); // 输出 "New York"

在上述代码中，我们首先使用sessionStorage.getItem()方法获取名为"person"的存储字符串。然后使用JSON.parse()方法将字符串转换为对象形式，并将其赋值给变量person。最后，我们可以通过访问person对象的属性来获取存储的数据。