JavaScript、JSON

最新推荐文章于 2023-05-18 17:48:27 发布
最新推荐文章于 2023-05-18 17:48:27 发布
阅读量167 收藏
点赞数 3
分类专栏： # JavaScript # JSON 文章标签： javascript json
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45985728/article/details/119707121
版权

JavaScript、JSON

1.简介

JSON（JavaScript Object Notation），是一种轻量级的数据交换格式，JSON是一种独立的语言。JSON是用于存储和传输数据的格式，通常用于服务端向网页传递数据。

JSON使用JavaScript语法，但是JSON格式仅仅是一个文本，可以被任何编程语言读取及作为数据式传递。

2.实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JSON</title>
</head>
<body>

<script>
    var x = {"sites":[
        //以下JSON语法定义了site对象:3条网站信息（对象）的数组:
        {"name":"Alan_Lowe","url":"https://blog.csdn.net/qq_45985728"},
        {"name":"Google", "url":"www.google.com"},
        {"name":"Taobao", "url":"www.taobao.com"}
    ]}
</script>

</body>
</html>

这是定义了sites对象，它是一个对象数组。

JSON在语法上与创建JavaScript对象代码相同，JavaScript程序可以很容易的将JSON数据转换为JavaScript对象。

3.语法规则

  • 数据也是键值对（类似于C++的map等）
  • 数据由逗号分隔
  • 大括号保存对象
  • 方括号保存数组
  • 键值都应该放在双引号中，中间加一个冒号

4.JSON字符串转换为JavaScript对象|JSON.parse()

通常我们从服务器中读取 JSON 数据，并在网页中显示数据。简单起见，我们网页中直接设置 JSON 字符串首先，创建 JavaScript 字符串，字符串为 JSON 格式的数据：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JSON</title>
</head>
<body>

<script>
    var x = {"sites":[
        {"name":"Alan_Lowe","url":"https://blog.csdn.net/qq_45985728"},
        {"name":"Google", "url":"www.google.com"},
        {"name":"Taobao", "url":"www.taobao.com"}
    ]}
    // s就是x的字符串化
    var s = '{"sites":['
          + '{"name":"Alan_Lowe","url":"https://blog.csdn.net/qq_45985728"},'
          + '{"name":"Google", "url":"www.google.com"},'
          + '{"name":"Taobao", "url":"www.taobao.com"}'
          + ']}'
</script>

</body>
</html>

其中s就是x的字符串化，这样操作过后，我们再使用JavaScript内置函数JSON.parse()就可以将字符串转换为JavaScript对象：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JSON</title>
</head>
<body>

<script>
    var x = {"sites":[
        {"name":"Alan_Lowe","url":"https://blog.csdn.net/qq_45985728"},
        {"name":"Google", "url":"www.google.com"},
        {"name":"Taobao", "url":"www.taobao.com"}
    ]}
    // s就是x的字符串化
    var s = '{"sites":['
          + '{"name":"Alan_Lowe","url":"https://blog.csdn.net/qq_45985728"},'
          + '{"name":"Google", "url":"www.google.com"},'
          + '{"name":"Taobao", "url":"www.taobao.com"}'
          + ']}'
    // 使用JavaScript内置函数JSON.parse()就可以将字符串转换为JavaScript对象
    var obj = JSON.parse(s);
    document.write(obj.sites[0].name + "  " + obj.sites[1].url);
</script>

</body>
</html>

在这里插入图片描述

5.JSON.stringify()

这个函数可以将JavaScript值转换为JSON字符串：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JSON</title>
</head>
<body>

<script>
    var x = {"sites":[
        {"name":"Alan_Lowe","url":"https://blog.csdn.net/qq_45985728"},
        {"name":"Google", "url":"www.google.com"},
        {"name":"Taobao", "url":"www.taobao.com"}
    ]}
    // s就是x的字符串化
    var s = '{"sites":['
          + '{"name":"Alan_Lowe","url":"https://blog.csdn.net/qq_45985728"},'
          + '{"name":"Google", "url":"www.google.com"},'
          + '{"name":"Taobao", "url":"www.taobao.com"}'
          + ']}'
    // 使用JavaScript内置函数JSON.parse()就可以将字符串转换为JavaScript对象
    var obj = JSON.parse(s);
    document.write(obj.sites[0].name + "  " + obj.sites[1].url);
    // 使用JSON.stringify()函数可以将JavaScript值转换为JSON对字符串
    var ss = JSON.stringify(x);
    document.write(ss);
</script>

</body>
</html>

在这里插入图片描述

人生没有白走的路，每一步都算数！

Alan_Lowe
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
JSON和JavaScript的关系
zxy123yxq的博客
08-26 1327
什么是JSON: JSON不是一种编程语言，是一种数据模式，而且是一种通用的数据模式。很多语言都有解析和序列化JSON的内置功能。 JSON支持字符串，数值，布尔值，null,数组和对象这几种数据类型。特殊值和undefined不支持 JSON语法： JSON中没有变量，没有分号数组对象可以组合使用 关于JSON和JavaScript的两个方法： stringify():可以接受三个参数 第一个参数可以将JavaScript的序列化为JSON字符串 第二个参数叫过滤器可以...
JavaScript中的JSONP
kimaa的博客
11-25 204
一.JSONP的出现 1.JSONP是为了解决浏览器阻止跨域的问题提出的； 2.为什么会有跨域？ 同源策略：基于浏览器的安全考虑，浏览器各个厂商之间出现了一个约定，这个约定叫做同源策略。这个约定的主要内容就是，域和域之间数据不共通。 所谓同源是指：协议、域名、端口相同； 二.JSONP的原理 利用script引入外部跨域的资源；JSONP就是在URL中调用function； 三.JSONP的封装 ...
JavaScript JSON
最新发布
m0_61773971的博客
05-18 126
XML 指可扩展标记语言（EXtensible Markup Language）XML 是一种标记语言，很类似 HTMLXML 的设计宗旨是传输数据，而非显示数据XML 标签没有被预定义。您需要自行定义标签。XML 被设计为具有自我描述性。XML 是 W3C 的推荐标准。
JavaScript核心技术之JSON详解
热门推荐
热爱前端的大三在校生
10-09 1万+
JSON（JavaScript Object Notation, JS对象简谱）是一种轻量级的数据交换格式。它基于 ECMAScript（European Computer Manufacturers Association, 欧洲计算机协会制定的js规范）的一个子集，采用的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。
JavaScript 和 JSON
zsx0728的博客
05-16 971
文章目录JSON 数据JSON 对象JSON 数组访问 JSON 数据JavaScript 对象 VS JSON将 JSON 转换为 JavaScript 对象将 JavaScript 对象转换为 JSON使用 JSON参考文档     在本教程中，您将通过示例了解 JSON 以及 JavaScript 如何与 JSON 一起使用。     JSON 代表 Javascript 对象表示法。JSON 是一种基于文本的数据格式，用于存储和传输数据。例如， // JSON syntax { "name"
JS和JSON的区别
weixin_34051201的博客
12-02 1099
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，JSON格式的数据，主要是为了跨平台交流数据用的。但JSON和JavaScript确实存在渊源，可以说这种数据格式是从JavaScript对象中演变出来的，它是JavaScript的一个子集。JSON本身的意思就是JavaScript对象表示法（JavaScrip...
JavaScript知识点(JSON)
Ghoset的博客
12-05 195
介绍 JSON介绍 JSON 是用于存储和传输数据的格式。 JSON 通常用于服务端向网页传递数据 。 可以用JS语言编写 , 但是本质上还是一个文本 , 所以基本任何语言都可以读取. 笔记声明文本格式 可以看成:一个对象里创建一个数组 , 数组里继续创建对象 . {"userName":[ {"name" : "Ghoset" }, {"name" : "ZhangSan" }
json-diff:纯Javascript JSON差异库
05-05
Json diff库用于比较两个Json的纯Javascript库。 随着输出返回定义良好的结构，因此您可以随时使用它来以任何您喜欢的方式呈现JSON差异。如何进行单元测试超级简单！ 只需在浏览器中打开test/SpecRunner.html.jst...
Javascript JSON
05-31
JavaScript中的JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它采用完全独立于语言的文本格式，同时也易于人阅读和编写，并且方便机器解析和生成。JSON格式基于JavaScript的一个子集，它以键值对...
jsonrpc.js:JavaScript JSON RPC 客户端
06-29
##jsonrpc.js JSON RPC 客户端在 javascript 中的实现 ＃＃用法 创建客户端对象 var client = new JSONRPC ( { host : "localhost:3001" } ) ; 其他可用选项 host : rpc host transport: used transport , ...
JavaScript JSON Cookbook mobi
10-05
JavaScript JSON Cookbook 英文mobi 本资源转载自网络，如有侵权，请联系上传者或csdn删除 本资源转载自网络，如有侵权，请联系上传者或csdn删除
JSON和JS区别
ljj07220602的博客
08-26 3766
JSON和JS对象的格式一样，只不过JSON字符串中的属性名必须加双引号。JSON（格式字符串） 和 JS 对象（也可以叫JSON对象 或 JSON 格式的对象）互转（JSON.parse 和 JSON.stringify）。JSON.stringify(obj) 将对象序列化为JSON字符串,只能序列化对象可枚举的自有属性。中使用$.parseJSON()来讲json对象转换为js对象，使用$.param()进行序列化。对象序列化是指将对象的状态转换为字符串，也可以反序列化，将字符串还原为对象函数。...
Java和JavaScript中使用Json方法大全
Evankaka的专栏
07-03 9456
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于ECMAScript的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C、C++、C#、Java、JavaScript、Perl、Python等）。这些特性使JSON成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成(网络传输速率)。
json格式和JavaScript的关系
Ideality_hunter的专栏
05-02 1740
其实json和javascript没有什么关系，是两个独立的东西。 只是，JSON是JavaScript的一个严格子集，利用了JavaScript中一些模式来表示结构化的数据。可以直接将JSON格式的字符串传递给eval()进行处理，由于JSON是JS的子集，eval后变成json对象，可以使用’.’操作符直接操作属性； 、 http://ww
JSON 与 JavaScript 对象
菜鸟的博客
08-20 351
JSON 的本质是一种数据交换格式        数据交换格式，是一种特殊规定的、可以记录数据的文本格式，一般用于传输数据        使用数据交换格式的好处在于：                只要能解析同一种数据交换格式的文本文件，那么即便是用不同语言写的程序，也能相互传输数据JSON 是 JavaScript Object Notation 的首字母缩写，意思是 JavaScript 对象...
JavaScript 与 json
Rand Tsui
12-05 477
先创建一个html页面用来显示结果 Click Me! 再创建一个名为“js”的目录，用来保存js代码（test.js、test1.js、test2.js、test3.js、test4.js、test5.js）,下面是每个文件的代码 /** test.js **/ function showJSON() { var user
JavaScript|正则表达式以及search、text、replace的应用
Alan_Lowe
08-11 780
JavaScript|正则表达式以及search、text、replace的应用 1.正则表达式 正则表达式是由一个字符序列形成的搜索模式。当你在文本中搜索数据时，你可以用搜索模式来描述你要查询的内容。正则表达式可以是一个简单的字符，或一个更复杂的模式。正则表达式可用于所有文本搜索和文本替换的操作。 语法：/正则表达式主体/修饰符(可选) 主体即为搜索的内容 修饰符可以是： i ：执行对大小写不敏感的匹配 g ：执行全局匹配，即查找所有匹配而非再找到第一个匹配后停止 m ：执行多行匹配 括号： [ab
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Alan_Lowe

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值