JS给对象添加新的键值对

JS给对象添加新的键值对,第1张

java获取json的键值对。

for(Iteratoriterator=objkeys()。iteratorhasNext()。){。Stringkey=iteratornext()。Stringvalue=objgetString(key)。Systemoutprintln(key+"==="+value)就可以了。

JSON键值对是用来保存JS对象的一种方式。

localStorage方法用来在本地存储数据。比如用户刚刚已经填过一次资料,后返回这一页查看,需要之前填的信息都显示着。

是对Cookie的优化

没有时间限制的数据存储

在隐私模式下不可读取

大小限制在500万字符左右,各个浏览器不一致

在所有同源窗口中都是共享的

本质是在读写文件,数据多的话会比较卡(firefox会一次性将数据导入内存)

不能被爬虫爬取,不要用它完全取代URL传参

IE7及以下不支持外,其他标准浏览器都完全支持

针对一个 session 的数据存储

大小限制在5M左右,各个浏览器不一致

仅在当前浏览器窗口关闭前有效(适合会话验证)

不在不同的浏览器窗口中共享,即使是同一个页面

获取键值:localStoragegetItem(“key”)

设置键值:localStoragesetItem(“key”,”value”)

清除键值:localStorageremoveItem(“key”)

清除所有键值:localStorageclear()

获取键值2:localStoragekeyName

设置键值2:localStoragekeyName = “value”

获取键值:windowlocalStoragegetItem(“key”)

设置键值:windowlocalStoragesetItem(“key”,”value”)

清除键值:windowlocalStorageremoveItem(“key”)

清除所有键值:windowlocalStorageclear()

获取键值2:windowlocalStoragekeyName

设置键值2:windowlocalStoragekeyName = “value”

localStorage的使用也是遵循同源策略的,所以不同的网站直接是不能共用相同的localStorage

存储进去的是int类型,但是打印出来却是string类型,这个与localStorage本身的特点有关,localStorage只支持string类型的存储。

三种对localStorage的读取,其中官方推荐的是getItem\setItem这两种方法对其进行存取

修改:

将localStorage的所有内容清除

将localStorage中的某个键值对删除

一般我们会将JSON存入localStorage中,但是在localStorage会自动将localStorage转换成为字符串形式

这个时候我们可以使用JSONstringify()这个方法,来将JSON转换成为JSON字符串

示例:

读取之后要将JSON字符串转换成为JSON对象,使用JSONparse()方法

<!DOCTYPE HTML>

<html>

<head>

<meta charset=UTF-8>

<title>recursion</title>

<style type="text/css">

</style>

<script type="text/javascript">

var _try_data = 

{

    "message_list": [

        {

            "viewer_list": [],

            "msg_type": " ",

            "story_id": "v1_10010_52_1_54a1",

        }, 

        {

            "viewer_list": [],

            "msg_type": " ",

            "story_id": "v1_10010_52_1_54a7",

        }, 

        {

            "viewer_list": [],

            "msg_type": " ",

            "story_id": "v1_10010_52_1_54a5",

        }

    ]

};

var try_bc_param = 

{

    "bc_list": [

        {

            "start_moment": 3,

            "story_id": "v1_10010_52_1_54a1",

            "caption": "我不知道你是谁1。",

            "duration": 4

        }, 

        {

            "start_moment": 3,

            "story_id": "v1_10010_52_1_54a5",

            "caption": "我不知道你是谁2。",

            "duration": 4

        }, 

        {

            "start_moment": 09,

            "story_id": "v1_10010_52_1_54a1",

            "caption": "我不知道你是谁3。",

            "duration": 4

        }

    ]

};

var filterData = function(a, b) 

{

    var array = [];

    for (var i = 0; i < alength; i++) 

    {

        var x = a[i]["story_id"];

        for (var j = 0; j < blength; j++) 

        {

            var bj = b[j];

            if (x == bj["story_id"]) 

            {

                var obj = 

                {

                    "start_moment": bj["start_moment"],

                    "caption": bj["caption"]

                };

                arraypush(obj);

            }

        }

    }

    arraysort(function(c, d) 

    {

        var x = parseFloat(c['start_moment'], 10), y = parseFloat(d["start_moment"], 10);

        if (x < y) 

        {

            return -1;

        } 

        else if (x > y) 

        {

            return 1;

        } 

        else 

        {

            return 0;

        }

    });

    return array;

}

var displayDiv = function(array) 

{

    for (var i = 0; i < arraylength; i++) 

    {

        var div = documentcreateElement('div');

        divinnerHTML = array[i]['caption'];

        documentbodyappendChild(div);

    }

}

onload = function() 

{

    var _try_messages = _try_data['message_list'];

    var dm = try_bc_param["bc_list"];

    var array = filterData(_try_messages, dm);

    displayDiv(array);

}

</script>

</head>

<body>

</body>

</html>

以上就是关于JS给对象添加新的键值对全部的内容,包括:JS给对象添加新的键值对、js 常见的Object方法、js开发中如何把键值对对象转换成数组对象等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9873988.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-02
下一篇2023-05-02

发表评论

登录后才能评论

评论列表(0条)

    保存