JS操作JSON总结

时间:2024.5.13

JS操作JSON总结

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。

本文主要是对JS操作JSON的要领做下总结。

在JSON中,有两种结构:对象和数组。

1. 一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“?名称/值? 对”之间运用 “,”(逗号)分隔。 名称用引号括起来;值如果是字符串则必须用括号,数值型则不须要。例如:

var o={"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"};

2. 数组是值(value)的有序集合。一个数组以“[”(左中括号)开始,“]”(右中括号)结束。值之间运用 “,”(逗号)分隔。

例如:

var

jsonranklist=[{"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"},{"xlid":"zd","xldigitid":123456,"topscore":1500,"topplaytime":"2009-11-20"}];

为了方便地处理JSON数据,JSON提供了json.js包,下载地址: 在数据传输流程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键。例如:

JSON字符串:

var str1 = '{ "name": "cxh", "sex": "man" }';

JSON对象:

var str2 = { "name": "cxh", "sex": "man" };

一、JSON字符串转换为JSON对象

要运用上面的str1,必须运用下面的要领先转化为JSON对象:

//由JSON字符串转换为JSON对象

var obj = eval('(' + str + ')');

或者

var obj = str.parseJSON(); //由JSON字符串转换为JSON对象

或者

var obj = JSON.parse(str); //由JSON字符串转换为JSON对象

然后,就可以这样读取:

Alert(obj.name);

Alert(obj.sex);

特别留心:如果obj本来就是一个JSON对象,那么运用 eval()函数转换后(哪怕是多次转换)还是JSON对象,但是运用 parseJSON()函数处理后会有疑问(抛出语法异常)。

二、可以运用 toJSONString()或者全局要领 JSON.stringify()将JSON对象转化为JSON字符串。 例如:

var last=obj.toJSONString(); //将JSON对象转化为JSON字符

或者

var last=JSON.stringify(obj); //将JSON对象转化为JSON字符

alert(last);

留心:

上面的多个要领中,除了eval()函数是js自带的之外,其他的多个要领都来自json.js包。新版本的 JSON 修改了 API,将 JSON.stringify() 和 JSON.parse() 两个要领都注入到了 Javascript 的内建

对象里面,前者变成了 Object.toJSONString(),而后者变成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()要领,则说明您的json包版本太低。


第二篇:JS对JSON的操作总结 (转)


JS对JSON的操作总结 (转)

对于前端完全是菜鸟,迫于无奈,工作中要用到JS,尤其对JSON的处理为多,网上搜了一下,所讲的基本雷同。所以把平时用的比较多的JSON处理方法总结了一下,权当加深记忆。

一、概述

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。

 在JSON中,有两种结构:对象和数组。

1.对象

一个对象以“{”开始,“}”结束。每个“key”后跟一“:”,“‘key/value’ 对”之间运用 “,”分隔。

packJson = {"name":"nikita", "password":"1111"}

2.数组

packJson = [{"name":"nikita", "password":"1111"}, {"name":"tony", "password":"2222"}];

数组是值的有序集合。一个数组以“[”开始,“]”结束。值之间运用 “,”分隔。

二、JSON对象和JSON字符串的转换

在数据传输流程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键。例如:

JSON字符串:

var jsonStr = '{"name":"nikita", "password":"1111"}';

JSON对象:

var jsonObj = {"name":"nikita", "password":"1111"};

对于前端完全是菜鸟,迫于无奈,工作中要用到JS,尤其对JSON的处理为多,网上搜了一下,所讲的基本雷同。所以把平时用的比较多的JSON处理方法总结了一下,权当加深记忆。

一、概述

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。

 在JSON中,有两种结构:对象和数组。

1.对象

一个对象以“{”开始,“}”结束。每个“key”后跟一“:”,“‘key/value’ 对”之间运用 “,”分隔。

packJson = {"name":"nikita", "password":"1111"}

2.数组

packJson = [{"name":"nikita", "password":"1111"}, {"name":"tony", "password":"2222"}];

数组是值的有序集合。一个数组以“[”开始,“]”结束。值之间运用 “,”分隔。

二、JSON对象和JSON字符串的转换

在数据传输流程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键。例如:

JSON字符串:

var jsonStr = '{"name":"nikita", "password":"1111"}';

JSON对象:

var jsonObj = {"name":"nikita", "password":"1111"};

2、String转换为Json

var myObject = eval('(' + myJSONtext + ')');

eval是js自带的函数,不是很安全,可以考虑用json包。

三、遍历JSON对象

myJson = {"name":"nikita", "password":"1111"};

for(var p in myJson){//遍历json对象的每个key/value对,p为key

   alert(p + " " + myJson[p]);

}

运行结果:

四、遍历JSON数组

packJson = [

{"name":"nikita", "password":"1111"},

{"name":"tony", "password":"2222"}

];

for(var p in packJson){//遍历json数组时,这么写p为索引,0,1

   alert(packJson[p].name + " " + packJson[p].password);

}

我更倾向于这种写法:

for(var i = 0; i < packJson.length; i++){

   alert(packJson[i].name + " " + packJson[i].password);

}

运行结果:

 

 五、将两个JSON对象组装到一个里面

//targetJson 目标JSON,packJson 被组装JSON

function addGroupJson(targetJson, packJson){

    if(targetJson && packJson){

       for(var p in packJson){

           targetJson[p] = packJson[p];

       }

    }

}

用法如下:

var json1 = {"name":"nikita"};

var json2 = {"password":"1111"};

addGroupJson(json1, json2);

alert(json2str(json1));

运行结果:

更多相关推荐:
护理技能操作总结

为加强对全院护理质量的监控,根据护理质量管理要求,于20xx年x月x日对全院的临床科室护理人员进行护理技术考核,各科室抽考1人,共抽考18人(1个科室缺考),其中__人不达标,达标率为___。各科室抽考的护理人…

猎头操作总结

操作总结【转】-徐红荣展现实力、巧妙宣传;多种渠道、搜集资源;游说人才、精诚所至;调查推荐、预防超前。实力宣传人才库人才库内人才数量的多少是一个猎头公司实力的体现。人才数量越多,猎头公司运作的能力越高,成功率越…

十年快消品操作总结-快速消费品销售技巧

十年快消品操作总结(操作新品“死亡”的诱因)每天都有新品在进入市场,同时每天又有新品由于各种各样的原因在死去,我们说:“幸福的家庭都相似,不幸的家庭各有各的原因”,这句话用到让人欢喜让人忧的新品上似乎更有别样的…

有机实验操作总结

经过一个学期的实验课,我对有机实验的认识也逐步深入。第一堂课的简单玻璃工操作还挺有意思的,用过不少仪器,但自己制作还是第一次。在红辣椒中提取红色素这个实验是第一次接触回流和蒸馏操作,后面的实验也多次重复了这两个…

实践操作总结

都龙镇中心学校20xx-20xx学年秋季学期三—六年级科学实践操作考核总结魏贵福秋去冬来,时间转瞬而过,我校三—六年级科学实践操作考核已结束。本次实践考核的理念是进一步激发学生的思维,通过自主探究的学习活动,再…

实验操作总结

看了最近几年的中考化学题,发现每年都会有一些考察实验操作的题,这些题都是以图象的形式考察的,虽然分数不是很多,但学生也要熟练掌握,那我简单的总结了一下这方面的知识点以及常考的实验例题。酒精灯:火焰温度:外焰>内…

操作总结

一:选股基本面+行业+政策扶持+股价+形态主要注意事项:1:选择有资金关注的股2:筹码集中度高的股3:均线排列形态良好4:指标多头或则将要多头二:操作操作上要注意大盘是否适合操作来决定,减少操作的随意性,考虑到…

Altium Designer实用操作--自己总结的

AD实用操作方法1放大缩小Ctrl鼠标滚轮或Ctrl鼠标右键按住并滑动鼠标2整屏移动鼠标右键点住不放3测量距离CtrlM4放大镜ShiftM5打开关闭放大镜选菜单项工具Tools优先选项PreferencesP...

Windows电脑操作技巧总结

一巧解任何电脑的开机密码小小一招巧解任何电脑的开机密码无需任何工具无需放电任何电脑当开机需要密码时只需将机箱打开把里面的声卡或其它任何一个零件拔下来然后通电启动主板自检后再强行关机把拔下的零件再插上去开机密码自...

PV操作总结

第一章ThePVTheorem在操作系统理论中有一个非常重要的概念叫做PV原语在我们研究进程间的互斥的时候经常会引入这个概念将PV操作方法与加锁的方法相比较来解决进程间的互斥问题实际上他的应用范围很广他不但可以...

Revit操作总结

Revit操作总结1族样板的选择族是revit中的一个必要的功能可以帮助我们更方便的管理和修改搭建的模型它没有任何附加的关于项目的智能数据对于想要用模型说明几何形体的人来说了解每个建筑元件的表现是非常必要的但r...

山东寿光果蔬操作方法总结.

现货操作方法总结其实农产品果蔬现货这个新的金融交易品种是比较好做的但是在实际操作中大家出现了一些偏差导致有的朋友操作不是很理想所以本人非常替大家着急和担心在这里我把大家遇到的问题和解决的办法做一个补充写出来希望...

操作总结(119篇)