JSON数据

最新推荐文章于 2023-06-28 20:06:54 发布
最新推荐文章于 2023-06-28 20:06:54 发布
阅读量159 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53162045/article/details/112715541
版权

这里写自定义目录标题

JSON数据

什么是JSON数据

1、JSON全称：JavaScript Object Notation又叫javascript对象标记，开发目的替代XML技术。
2、JSON只是数据的组织形式，把JS数据类型组织成JSON数据的格式

JSON的格式

jsond的格式是以键值对的形式来组织数据。
注意事项：
1、键名只能用双引号与建值之间只能用冒号隔开。
2、建值支持所有js数据类型但是建值取值不能取undefined。

//定意一个变量
var staff={                
              “name”:“王者”,
              “sex”:“女”,
              “hoddy”:看男的健身
              “age”:19
}

在页面中显示的区别
用console.log输出JSON数据会被转换为对象输出键名的引号将被删除
使用window.alter和document.write只能显示JSON数据的对象类型

访问JSON数据的成员

访问json成员的方法：

点语法：console.log(staff.name)变量名与键名之间用点来间隔。

下标语法：console.log(staff[“name”])也可以使用中括号来进行间隔但是在这个时候中括号里的键名需要用引号引住。

在访问成员时尽量使用点语法。
下标语法的使用有使用要求，就是键名为变量的时候必须使用下标语法。

JSON数据的遍历访问

 var game={
 	"salutation":"绝地求生",
 	"category":"求生类",
 	"size":"45GB",
 	"number":"10400",
 	"price":"98"
 }

 for(var i in game){
 	console.log(i);
 }
 //我们利用for-in循环来遍历JSON数据for循环其中的i为键名

在遍历的过程中我们可以使用for-in来实现，不可以用for-of来实现。

在页面中显示JSON数据

在js中引用元素

在页面中寻找到选择器类名的取值
同时在页面中寻找都可以使用document.querySelector来实现

var tp=document.querySelector(".tp");
var taname=document.querySelector(".taname");
var anne=document.querySelector(".anne");
var rrts=document.querySelector(".rrts");

在js中为html添加内容

innerText：成对的标记对中间的文本内容
原理：利用innerText访问json中的数据进行添加

ding.src=staff.pic;
taname.innerText=staff.name;
anne.innerText=staff.address;
rrts.innerText=staff.price;

百度图表

前提条件

在html文档中引入.json文件并且在html文档的head标记对中引入
在HTML之中建立一个有宽高的div来盛放表格

 <head>
       <script type=“text/javascript” src=“js/echarts.js”></script>
</head>

具体实现

//初始化EChatrs：
var chart=echarts.init(myChart);

// 设置图表选项：
var options={
	"title":{
	// 设置标题
		"text":"一周的花销"
	},
	// 鼠标经过的提示
	"tooltip":{},
	// x轴的数据名称
	"xAxis":{
		"data":["周一","周二","周三","周四","周五","周六","周日"]
	},
	// y轴的数据名称
	"yAxis":{},
	"series":[
		{
		    //以柱形图显示  
			"type":"bar",
			"name":"招生人数",
			"data":[30,80,50,45,75,60，90]
		}
	],
	//隐藏或显示图表
	"legend":{
		"data":["每天的支出"]
	},
	"color":["#85785f"]
}

//根据表格来实现图表
chart.setOption(options);
三晨天
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
C语言基础：数组
weixin_47924016的博客
04-01 2854
数组
数组的几种表示的方式
liulang68的博客
03-07 4113
数组的几种表示的方式 int arr[]=new int[5]; int[] arr=new int[5]; int[] arr={1,2,3,4,5}; int[] arr=new int[]{1,2,3,4,5};
数组的表达方式
m0_51721360的博客
11-22 1003
#include <iostream> using namespace std; int main() { //数组表达：数据类型 数据名[ ] ={值1，值2，...}; //定义时必须要有初始长度； int arr[5] = { 2,3,4,7,8 }; //利用循环输出数组中的数据 for (int i = 0; i <= 4; i++) { cout << "arr["<<i<<"]=" << arr[i] <&
json数据
owlcity123的博客
04-12 5573
一个api接口调用post请求 import urllib2,json url='http://xxx.xxx.com.cn/api/v1' data=json.dumps({'organId':'1'}) #数据 headers={'Content-Type':'application/json'} #头部 request = urllib2.Request(url,data,headers) #urllib2用一个Request对象来映射你提出的HTTP
一文彻底搞懂JSON数据
weixin_48764380的博客
03-12 3923
什么是JSON，为什么需要JSON，JSON的3种形式，JSON常用的方法等
echarts 全国地图json数据
08-25
echarts 全国地图json数据
全国省市JSON数据大全
10-14
全国省市JSON数据，包含code level
安徽json数据
10-18
安徽各城市json数据，下载后自己整理各城市json名称，
CET单词json数据
05-26
爬下来的CET单词json数据
AJAX如何接收JSON数据示例介绍
10-27
如何使用AJAX返回JSON数据，就是dataType，当你设置json后返回的json字符串传递到客户端就是JSON对象了，示例如下，感兴趣的朋友可以参考下
数组的表示方法
weixin_45602105的博客
09-28 1万+
一，C语言中的数组： 类型说明符 数组名 [常量表达式]; 数组长度一旦声明,不可改变不可追加 声明一个int类型的数组 如： int[ ] arr; 或int arr[ ]; 给数组分配空间 arr=new int[5]; 给数组赋值 arr[0]=1; 0代表的是数组的第1个元素 ,元素下标为0 arr[1]=1; 1代表的是数组的第2个元素 ,元素下...
数组的基本用法
qq_62519309的博客
10-23 1507
数组的基本用法： 数组的定义： 储存数据类型相同的一系列元素。 为什么需要数组？ 为了解决大量同类型数据的存储和使用问题，为了模拟现实世界。 分类： 分为一维和二维以及多维。 一维数组： 定义： 为n个变量连续分配存储空间 格式： 类型 数组的名称 [数组元素的个数] 注意： 1.一维数组名不代表数组中所有的元素，一维数组名代表数组第一个元素的地址。 2. 数组的名称不代表数组，只有数组的名称[]才代表数组，a代表的是数组第一个元素的地址。 3. 所有的变量.
一文搞懂JSON
southernbrid的博客
06-28 4586
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，常用于将数据结构化地传输和存储。它由键值对组成，采用类似于JavaScript对象的格式来表示数据。JSON易于阅读和编写，并且易于解析和生成，成为广泛应用于Web应用程序和数据交换的标准格式之一。
[JSON] JSON基础知识
Hudas的博客
11-05 5751
本专栏主要讲解JSON知识
【C语言】深入理解数组（一维数组、二维数组的表示及数组与指针的关系）
Jacky_Feng的博客
10-06 7380
一、一维数组的定义与初始化 1.一维数组的定义 一维数组也称向量，它用以组织具有一维顺序关系的一组同类型的数据。 一维数组的定义方式： 数据类型 数组名[常量表达式] 类型说明符表示数组中所有元素的类型；常量表达式指数组的长度（即数组中存放元素的个数） 例如：int array[5]； 上述代码 int 表示数组元素的类型，array 是数组的名称，5是指数组的长度。 数组占据的内存空间是连续的，所以很容易计算出数组占据的内存大小（ 数组长度*sizeof（数据类型））和每个元素所对..
几种不同格式的json数据及解析
热门推荐
weixin_42409227的博客
12-29 1万+
原文地址：http://blog.csdn.net/whx405831799/article/details/42171191 JSON的基本数据格式有这几种： 1.一个JSON对象——JSONObject {"name":"胡小威" , "age":20 , "male":true} 2.一个JSON数组——JSONArray [{"name":"胡小威" , "
学习记录——数组的六种表示法
A765422804的博客
12-09 1681
int b[] = { 4,5,3,6,2,5,1 }; int *bPtr = b; //另一种表达方式 int *bPtr = &b[]; //数组下标 for (int i = 0; i < 7; i++) { cout << b[i] ; } cout << endl; //内置数组做指针的偏移量表示法 for (int i = 0; i < 7; i++) { cout << *(b + i) ; }..
ollama json数据解析
最新发布
04-20
Ollama是一个用于JSON数据解析的开源库。它提供了一种简单而灵活的方式来解析和操作JSON数据。以下是关于Ollama JSON数据解析的介绍： 1. Ollama的特点： - 轻量级：Ollama是一个轻量级的库，它的代码简洁而高效。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值