localStorage中如何存取JOSN数据

最新推荐文章于 2024-01-30 09:50:39 发布

我家兔子爱挑食

最新推荐文章于 2024-01-30 09:50:39 发布

阅读量594

点赞数 2

分类专栏：前端文章标签： JSON JSON获取数据 localStorage

本文链接：https://blog.csdn.net/weixin_44491927/article/details/103194694

版权

前端专栏收录该内容

13 篇文章 0 订阅

订阅专栏

一、JSON（JavaScript Object Notation）定义

1. 定义基本格式

var person = {"name": "张三", age: 23, 'gender': true};

2. 定义嵌套格式 [] —>{}

var ps = [{"name": "张三", "age": 23, "gender": true},
	 	{"name": "李四", "age": 24, "gender": true},
	 	{"name": "王五", "age": 25, "gender": false}];

3. 定义嵌套格式 {} —>[]

var persons = {
        "persons" : [
            {"name":"张三",age:23,'gender':true},
            {"name":"李四",age:23,'gender':true},
            {"name":"王五",age:23,'gender':true}
        ]
    };

二、JSON获取数据方式

	1. json对象.键名
	2. json对象["键名"]
	3. 数组对象[索引]
	4. 遍历

三、接下来我们以嵌套格式[] —>{} 为例看一下如何将数据在LocalStorage存取

		//创建localStorage对象
        var storage=window.localStorage;
        //创建数组
        var  persons = [];
        //存入对象
        persons.push({"name":"张三",age:23,'gender':true});
        persons.push({"name":"李四",age:23,'gender':true});
        persons.push({"name":"王五",age:23,'gender':true});
        //将个人信息用json的方法转换为字符串
        var s = JSON.stringify(persons);
        storage.setItem("message",s);

        //取出个人信息
        var json = localStorage.getItem("message")
        //将个人信息从一个字符串中解析出json对象
        var jsonObj = JSON.parse(json);
        console.log(json);
        /*[{"name":"张三","age":23,"gender":true},
        {"name":"李四","age":23,"gender":true},
        {"name":"王五","age":23,"gender":true}]*/
        for (var i =  0 ; i < jsonObj.length ; i++){
            console.log(jsonObj[i]);
            /*{name: "张三", age: 23, gender: true}
            {name: "李四", age: 23, gender: true}
            {name: "王五", age: 23, gender: true}*/
            var person = jsonObj[i];
            for (var message in person){
                console.log(person[message])
                /*张三
                  23
                  true*/
            }
        }