JSON,localStorage and array

最新推荐文章于 2025-12-22 06:00:00 发布

原创最新推荐文章于 2025-12-22 06:00:00 发布 · 828 阅读

CC 4.0 BY-SA版权

本文介绍了JavaScript中的几种数据存储方式，包括JSON数据类型的特点及应用、localStorage的基本使用及其字符串存储特性，以及数组（Array）的定义与扩展方法如push()的应用。此外，还详细讲解了如何利用JSON.stringify()和JSON.parse()实现JSON对象与字符串之间的转换，以便在localStorage和数组中进行存储。

JSON是js中最常用的数据类型，也是最好用最简洁的数据存储。举例说明：var person={name:"ww",age:19,sex:"male"}需要注意的是像name这样的key值可以不加引号，但是像ww这样的字符型value值必须加引号，否则会当变量处理。当然，如果value值是数字可以不加引号。当要取value值时，可以这样：person【name】或person.name，它的值就是“ww”。

localStorage相当于js中的小型数据库，它可以永久保存数据，localStorage另一个特点是所存数据都是字符串类型的。

array是数组，js中给array提供了一种很有用的存储方法push（）。例如：var fruits={"banana","apple"},调用方法fruits.push("orange"), 此时fruits将变成{"banana","apple","orange"},这时fruits.push("orange")指代的是fruits的length 3。

使用localStorage存储JSON对象：localStorage.setItem（“persons”，JSON.stringify(person);var persons=JSON.parse(localStorage.getItem("persons"))。此时persons就取得了localStorage里的person对象。其中JSON.stringify()方法是将person对象转化为字符串存入localStorage里，而JSON.parse（）方法是将字符串转化为对象。

使用array存储JSON对象：此时可以使用push（）方法，例如：var fruits=[ ],fruits.push({"banana",'apple',"orange"});此时就将JSON存入了fruits数组里。