javascript 保存 json,代码示例

xl1407

温馨提示:这篇文章已超过244天没有更新,请注意相关的内容是否还可用!

javascript 保存 json,代码示例

在JavaScript中,我们可以使用JSON.stringify()方法将JavaScript对象转换为JSON字符串,并使用localStorage或sessionStorage对象将JSON字符串保存在浏览器的本地存储中。

我们需要创建一个JavaScript对象,该对象包含我们想要保存的数据。然后,我们可以使用JSON.stringify()方法将该对象转换为JSON字符串。接下来,我们可以使用localStorage或sessionStorage对象的setItem()方法将JSON字符串保存在本地存储中。

例如,假设我们有一个名为person的JavaScript对象,包含姓名和年龄属性。我们想要将该对象保存为JSON字符串,并将其存储在localStorage中。我们可以按照以下步骤进行操作:

1. 创建一个JavaScript对象,并设置属性值:

var person = {

name: "John",

age: 30

};

2. 使用JSON.stringify()方法将该对象转换为JSON字符串:

var jsonString = JSON.stringify(person);

3. 使用localStorage对象的setItem()方法将JSON字符串保存在本地存储中:

localStorage.setItem("person", jsonString);

以上代码将名为"person"的键和对应的JSON字符串值保存在localStorage中。现在,我们可以通过调用localStorage.getItem()方法来获取该值:

var storedJsonString = localStorage.getItem("person");

注意,从localStorage中获取的值是一个字符串。如果我们想要将其转换回JavaScript对象,我们可以使用JSON.parse()方法:

var storedPerson = JSON.parse(storedJsonString);

现在,storedPerson变量将包含之前保存在localStorage中的person对象。

通过以上步骤,我们成功将JavaScript对象保存为JSON字符串,并将其存储在浏览器的本地存储中。

文章版权声明:除非注明,否则均为莫宇前端原创文章,转载或复制请以超链接形式并注明出处。

取消
微信二维码
微信二维码
支付宝二维码