`
lgywindows
  • 浏览: 9988 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

json的前端表达

阅读更多
摘抄加修改后整理的json关于前台表达的文档
一、区分JSON字符串与JSON对象
在数据传输流程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象。
所以,JSON对象和JSON字符串之间的相互转换是关键。
格式语法:
JSON字符串:
var str1 = '{ "name": "cxh", "sex": "man" }';
JSON对象:
var str2 = { "name": "cxh", "sex": "man" };

二、JSON字符串转换为JSON对象
转换语法:
var obj = eval('(' + str + ')');//实用
或者
var obj = str.parseJSON(); //由JSON字符串转换为JSON对象
或者
var obj = JSON.parse(str); //由JSON字符串转换为JSON对象

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

三、JSON对象转换为JSON字符串
var last=obj.toJSONString(); //将JSON对象转化为JSON字符
或者
var last=JSON.stringify(obj); //将JSON对象转化为JSON字符
留心:
上面的多个要领中,除了eval()函数是js自带的之外,其他的多个要领都来自json.js包。
新版本的 JSON 修改了 API,将 JSON.stringify() 和 JSON.parse() 两个要领都注入到了 Javascript 的内建对象里面,
前者变成了 Object.toJSONString(),而后者变成了 String.parseJSON()。
如果提示找不到toJSONString()和parseJSON()要领,则说明您的json包版本太低。

三 JSON的读取格式 可以用点的调用方式也可以用中括号的调用方式。
var person = {name:'www',books:[{name:'java',info:'fff'},{name:'C++',info:'I need see'}]}
alert(person.books[1].info);
alert(person["books"][1]["info"]);

分享到:
评论

相关推荐

    json系列文章——json的使用

    9. JSON-LD(JSON for Linking Data):这是一种使用JSON来表达 Linked Data 的方式,允许数据在不同的源之间进行关联和互操作,促进了开放数据的可发现性和可重用性。 通过上述知识点的学习,我们可以更好地理解和...

    前端项目-jsonld.zip

    首先,JSON-LD是一种基于JSON的数据格式,用于在Web上表达结构化数据。它的主要目标是使数据更具语义性,使得机器和人类都能更好地理解数据的含义。通过使用JSON-LD,开发者可以将元数据嵌入到网页中,这些元数据...

    世界地图echartsjson数据

    世界地图是地理信息的一种可视化表达,而json则是数据传输和存储的方式。结合ECharts的特性,我们可以理解为这份数据可以用于创建交互式的世界地图,用户可以通过点击或悬停在大洲上获取更多相关信息,或者进行地图...

    通用emoji表情包与JSON

    综上所述,"通用emoji表情包与JSON"这个主题涵盖了JSON的数据存储、JavaScript的处理以及Vue.js的前端展示技术。通过这些技术,我们可以构建一个可扩展、易维护的emoji系统,为用户提供丰富的表情表达体验。

    中国各大城市的json工具文件

    总的来说,"China_city.json"文件是一个关于中国行政区域划分的JSON数据集,它提供了便利的途径来处理和展示中国的地理解析信息,适用于多种前端应用场景。理解和掌握JSON格式及其在Web开发中的应用对于任何前端...

    优质插件 / JSONVue / 格式化 json 数据

    总的来说,JSONVue 是一个非常实用的工具,尤其适合经常处理 JSON 数据的前端开发者、后端开发者以及数据分析人员。通过使用这个插件,可以显著提高工作效率,使 JSON 数据处理变得更加轻松和愉快。如果你的工作涉及...

    xml2json.zip

    XML以结构化的方式存储数据,而JSON则以轻量级且易于阅读的方式表达数据,更适合JavaScript处理。本压缩包"xml2json.zip"包含了在JavaScript环境中将XML数据转换为JSON格式的相关资源。 "xml2json.php"可能是一个...

    emoji表情本地JSON文件

    "emoji表情本地JSON文件" 提供了一个方便的资源库,专门用于前端展示,帮助开发者轻松集成和管理emoji表情。 这个资源库包含了167个常用的表情符号,这些表情涵盖了日常交流中的各种情感和情境,确保了用户可以找到...

    java xml json 相互转换

    JSON格式的数据可以直接被JavaScript解析,这使得它在网络通信中非常高效,尤其是在前端和后端之间传递数据时。 Java中处理XML和JSON的转换,通常需要借助第三方库。描述中提到的jar包可能包含如JAXB(Java ...

    json的概念

    3. **表示复杂数据结构**:JSON不仅可以表示单个对象,还能表示数组、列表等复杂数据结构,如`{id:1,name:'zhangsan'}`和`[{id:1,name:'zhangsan'},{id:2,name:'lisi'}]`,而XML则需要使用更多的标签层次来表达同样...

    sturts2整合json的jar 包

    JSON因其轻量级和易于解析的特性,在Web服务和前端数据传输中广泛使用。 为了在Struts2中整合JSON,我们需要一系列的库文件,这些文件在提供的压缩包中已经包含。下面我们将逐一解析这些文件及其在整合过程中的作用...

    JSON——开发AJAX 程序首选数据传输格式.pdf

    从这个例子可以看出,JSON的表达方式更加简洁明了,且易于解析。此外,相比于XML,JSON的数据处理流程更为简单,无需复杂的DOM操作即可直接获取数据。这种优势在处理大量数据时尤为明显。 #### JSON在AJAX中的应用 ...

    Struts2返回JSON对象.doc

    在实际应用中,可以结合前端的JavaScript或者使用Ajax库如jQuery、axios等来解析这些JSON数据,并在页面上进行展示或处理。这样,Struts2通过JSON返回数据,既方便了数据传递,又提高了前后端交互的效率。

    6.JSON数据格式.zip

    JSON-LD通过使用@context关键字来定义数据的词汇表,使JSON能够表达复杂的语义信息。 总之,JSON作为数据交换格式,在现代Web开发中扮演着至关重要的角色,它的简单、高效和广泛支持使其成为首选的通信协议之一。...

    前端开源库-parsing

    3. **自定义扩展**:支持对JSON语法的扩展,允许开发者定义自己的数据类型或规则,增强JSON的表达能力。 4. **类型检查与转换**:自动进行数据类型检查和转换,确保转换后的JavaScript对象符合预期。 5. **安全防护*...

    基于前端的结构化查询初探.pdf

    文章首先介绍了JSON数据格式的优点和应用场景,然后详细讲述了如何使用正则表达式对SQL语句进行结构化解析,并构建JSON数据解析引擎,以支持在前端使用标准的结构化查询语句对JSON数据实现查询、结构化输出等功能。...

    前端程序员表白页面代码

    这个名为"前端程序员表白页面代码"的项目,显然旨在利用这些技术为程序员提供一个独特的方式来向心爱的人表达情感。这个创意结合了浪漫与技术,通过编程语言将爱情的表达变得特别。 首先,我们可以假设这个表白页面...

    关于json的一些教程

    XML具有复杂的标记语言结构,而JSON则更接近自然语言表达方式。JSON没有XML那样严格的结构要求,因此更易于编写和解析。然而,XML提供了更强大的文档结构支持,适用于需要复杂层次结构的应用场景。 #### JSON在...

    blackmagic自动将XML转换为JSON将JSON转换为XML

    在JavaScript开发中,特别是在前端和后端交互、API调用等场景下,这种转换能力显得尤为重要。"其他杂项"标签暗示了这是一个通用工具,可能包含多种实用功能,而不仅仅局限于XML和JSON转换。 首先,我们来了解XML和...

    100道前端面试题.pdf

    - **描述性**:XML具有较好的描述性,能表达复杂的数据结构。 - **传输速度**:JSON由于体积小,传输速度快。 #### 5. Webpack模块打包工具的知识 - **功能介绍**:一个现代JavaScript应用程序的静态模块打包器。 -...

Global site tag (gtag.js) - Google Analytics