小高不太行之前端--JSON

2024-05-11 19:35:14

小高不太行之前端–JSON

文章目录

小高不太行之前端--JSON
前言
一、JSON 语法
- （一）JSON 语法规则
二、JSON 对象
- （一）对象语法
- （二）访问对象值
三、JSON 数组
- （一）数组作为 JSON 对象
- （二）JSON 对象中的数组
- （三）循环数组
总结

前言

本章，我们将学习JSON语法，对象以及数组。

一、JSON 语法

（一）JSON 语法规则

JSON 语法是 JavaScript 对象表示语法的子集。

数据在名称/值对中

数据由逗号分隔

大括号 {} 保存对象

中括号 [] 保存数组，数组可以包含多个对象

二、JSON 对象

（一）对象语法

实例

{ "name":"runoob", "alexa":10000, "site":null }

JSON 对象使用在大括号({})中书写。

对象可以包含多个 key/value（键/值）对。

key 必须是字符串，value 可以是合法的 JSON 数据类型（字符串, 数字, 对象, 数组, 布尔值或 null）。

key 和 value 中使用冒号(:)分割。

每个 key/value 对使用逗号(,)分割。

（二）访问对象值

你可以使用点号（.）来访问对象的值：

var myObj, x;
myObj = { "name":"runoob", "alexa":10000, "site":null };
x = myObj.name;

三、JSON 数组

（一）数组作为 JSON 对象

[ "Google", "Runoob", "Taobao" ]

JSON 数组在中括号中书写。

JSON 中数组值必须是合法的 JSON 数据类型（字符串, 数字, 对象, 数组, 布尔值或 null）。

JavaScript 中，数组值可以是以上的 JSON 数据类型，也可以是 JavaScript 的表达式，包括函数，日期，及 undefined。

（二）JSON 对象中的数组

对象属性的值可以是一个数组：

{
"name":"网站",
"num":3,
"sites":[ "Google", "Runoob", "Taobao" ]
}

（三）循环数组

你可以使用 for-in 来访问数组：

for (i in myObj.sites) {x += myObj.sites[i] + "<br>";
}

总结

JSON: JavaScript Object Notation(JavaScript 对象表示法)

JSON 是存储和交换文本信息的语法，类似 XML。

JSON 比 XML 更小、更快，更易解析。

小高不太行之前端--JSON相关推荐

小高不太行之前端——CSS样式 I
小高不太行之前端--CSS样式(基础)上提示:下篇马上问世,在赶了在赶了提示: 文章目录小高不太行之前端--CSS样式(基础)上前言一.基础知识 (一)插入方法[外部/内部/内联] 1.外部 ...
java controller json_springMVC的controller层接收前端json数据
1.前端的操作: 对象接收json数据方式:将所需要传的数据转化为json数据,并将这些数据以post方式传到后台的controller层,然后controller层接收json数据,并且是以对象的形 ...
前端 json数据转txt文本并下载(前端自定义封装数据并下载文件)
前端 json数据转txt文本并下载在工作中,有一次客户要求将图形化的数据转化为txt文件下载本例中也可前端自定义封装数据并下载文件其后端传来的数据为json格式,需要前端转化为text数据的形 ...
java获取前端json数据_java如何获取前端ajax传来的json对象
假设使用 jQuery 中的 ajax 1. Json 对象前端代码示例 $.ajax({ url : 'http://localhost:8888/demo', type: 'post', dat ...
java怎么接收前端请求_前端json post 请求后端怎么接收
前端提交 POST /api/test HTTP/1.1 Host: 192.168.135.69:81 Connection: keep-alive Content-Length: 18 Origi ...
前端json格式的介绍，转换以及解析
近几日碰到json的问题比较多,我这里做一个总结,比较浅显简单,希望能对那些前端小白有所帮助,能对json有一个认识,并且能简单的处理json格式的内容. 例如最近碰到一个项目,项目需求如下: 用户选 ...
前端json数据的解析遍历
上图为前端获取的json数据即为data.通过eval()方法转换为json对象. var data = resp.data;//console.log(data);//json数据转为json对象v ...
js前端json格式化排版
背景: 想要将左边字符串实现右边的显示效果 <div class="col-lg-12"><textarea style="width:850px;he ...
后台返回给前端json字段的大小写问题，Lombok的坑
Lombok的@Data注解踩坑,@Setter的大小写问题以前在处理前端请求的实体类的时候,都是用Lombok的@Data注解对实体类进行getter.setter以及toString的声名,今天 ...

最新文章

热门文章