大家在实际操作中难免遇到对接口的问题,想必对一些小白来说取得里面想要是数据也是很是头疼,那么接下来我会结合接口实际情况教大家怎么取得里面相应的数据

接口数据例如:(数据为 模拟数据,json格式)

{
"month": {
"monthly": ["2018年4月", "2018年5月"]
},
"nameAndRateOperation": {
"济南华阳炭素有限公司": ["91.67", "91.67"],
"济南万瑞炭素有限责任公司": ["84", "84"],
"济南龙山炭素有限公司": ["85.71", "85.71"],
"德州欧莱恩永兴碳素有限公司": ["70", "80"],
"德州永兴碳素有限公司": ["90", "90"],
"德州乾海碳素有限公司": ["70", "75"],
"济南海川投资集团有限公司": ["81.25", "81.25"],
"济南汇丰炭素有限公司": ["86", "86"],
"山东金利达碳素有限公司": ["86.68", "80"],
"济南澳海炭素有限公司": ["85", "85"]
},
"nameAndYield": {
"济南华阳炭素有限公司": ["1.2", "1.2"],
"济南万瑞炭素有限责任公司": ["4", "4"],
"济南龙山炭素有限公司": ["2.4", "2.4"],
"德州欧莱恩永兴碳素有限公司": ["0.8", "1"],
"德州永兴碳素有限公司": ["0.67", "0.5"],
"德州乾海碳素有限公司": ["0.2", "0.25"],
"济南海川投资集团有限公司": ["1.6", "1.6"],
"济南汇丰炭素有限公司": ["0.8", "0.8"],
"山东金利达碳素有限公司": ["2", "2.5"],
"济南澳海炭素有限公司": ["4.33", "4.5"]
},
"nameAndDateTime": {
"济南华阳炭素有限公司": ["2018年4月", "2018年5月"],
"济南万瑞炭素有限责任公司": ["2018年4月", "2018年5月"],
"济南龙山炭素有限公司": ["2018年4月", "2018年5月"],
"德州欧莱恩永兴碳素有限公司": ["2018年4月", "2018年5月"],
"德州永兴碳素有限公司": ["2018年4月", "2018年5月"],
"德州乾海碳素有限公司": ["2018年4月", "2018年5月"],
"济南海川投资集团有限公司": ["2018年4月", "2018年5月"],
"济南汇丰炭素有限公司": ["2018年4月", "2018年5月"],
"山东金利达碳素有限公司": ["2018年4月", "2018年5月"],
"济南澳海炭素有限公司": ["2018年4月", "2018年5月"]
},
"regionAndCompany": {
"华东": ["德州欧莱恩永兴碳素有限公司", "德州乾海碳素有限公司", "德州永兴碳素有限公司", "山东金利达碳素有限公司", "济南澳海炭素有限公司", "济南海川投资集团有限公司", "济南华阳炭素有限公司", "济南汇丰炭素有限公司", "济南龙山炭素有限公司", "济南万瑞炭素有限责任公司"]
},
"nameAndCapacity": {
"济南华阳炭素有限公司": ["6", "6"],
"济南万瑞炭素有限责任公司": ["5", "5"],
"济南龙山炭素有限公司": ["7", "7"],
"德州欧莱恩永兴碳素有限公司": ["30", "30"],
"德州永兴碳素有限公司": ["20", "20"],
"德州乾海碳素有限公司": ["20", "20"],
"济南海川投资集团有限公司": ["8", "8"],
"济南汇丰炭素有限公司": ["10", "10"],
"山东金利达碳素有限公司": ["15", "15"],
"济南澳海炭素有限公司": ["10", "10"]
},
"storageWithCompany": {
"济南华阳炭素有限公司": ["0.8", "0.8"],
"济南万瑞炭素有限责任公司": ["3.2", "3.2"],
"济南龙山炭素有限公司": ["2.2", "2.2"],
"德州欧莱恩永兴碳素有限公司": ["1.2", "1.2"],
"德州永兴碳素有限公司": ["0.5", "0.5"],
"德州乾海碳素有限公司": ["0.15", "0.15"],
"济南海川投资集团有限公司": ["1", "1"],
"济南汇丰炭素有限公司": ["0.5", "1"],
"山东金利达碳素有限公司": ["1.5", "1.5"],
"济南澳海炭素有限公司": ["2.5", "2.5"]
}
}

json数据

               //取出来所有的地区:华南华北....
for (var key in data.regionAndCompany) {
region.push(key);
}
// console.log(region) //接口取出来的仓储的数组
for (key in data.storageWithCompany) {
storageWithCompany.push(data.storageWithCompany[key])
}
// console.log(storageWithCompany) // //接口取出来的产能的数组
// for(key in data.nameAndCapacity){
// capacity.push(data.nameAndCapacity[key])
// }
// // console.log(capacity) //接口取出来的开工率的数组
for (key in data.nameAndRateOperation) {
rateOperation.push(data.nameAndRateOperation[key])
}
// console.log(rateOperation) //全部的公司名字
for (key in data.nameAndRateOperation) {
companyRateOperation.push(key);
}
// console.log(companyRateOperation) //全部的时间数据,二维数组
for (var key in data.nameAndDateTime) {
date.push(data.nameAndDateTime[key])
}
// console.log(date) //全部的产量数组,二维,每个公司的产量是一个数组
for (var key in data.nameAndYield) {
yield.push(data.nameAndYield[key])
}
// console.log(yield)

再放上网上的方法

用js方式取得接口里面json数据的key和value值的更多相关文章

  1. 微信小程序通过api接口将json数据展现到小程序示例

    这篇文章主要介绍了微信小程序通过api接口将json数据展现到小程序示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧实现知乎客户端的一个重要知识前提就是,要知道怎么通过 ...

  2. [转]JS判断字符串是否为json数据

    原文地址:https://blog.csdn.net/qq_26400953/article/details/77411520 这周碰到了很多问题,尽量把遇到的问题都记录下来. JS判断字符串是否为j ...

  3. C#调用接口返回json数据中含有双引号 或其他非法字符的解决办法

    这几天,调用别人接口返回json数据含有特殊符号(双引号),当转换成json对象总是报错, json字符格式如下 { "BOXINFO":[ { ", "ITE ...

  4. java通过url调用远程接口返回json数据

    java通过url调用远程接口返回json数据,有用户名和密码验证, 转自 https://blog.csdn.net/wanglong1990421/article/details/78815856 ...

  5. json数据的key的读取和替换

    读取json的key: /** * @Description: 递归读取所有的key * @Param: * @return: * @throws Exception * @author: hw * ...

  6. JQuery和原生JS跨域加载JSON数据或HTML。

    前提:有时候需要在网页上,加载另一个网站上的数据.或者加载另一个网站上的一个页面.Js的Ajax请求不具备跨域功能,可以使用JQuery来实现. 网页端JS代码: $(function () { $. ...

  7. jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表

    对于问题从后台获取json数据,将内容填充到下拉列表,代码非常简单,具体过程请看下面代码. 需求:url:链接     par:ID       sel:下拉列表选择器 function BuildS ...

  8. JS:字符串转成json数据,和json转成字符串方法 iframe获取父级传过来的数据

    字符串转成json数据,和json转成字符串方法 //转为JSON adinfo=JSON.parse(adinfo) //转为字符串 adinfo=JSON.stringify(adinfo) 大概 ...

  9. jquery用ajax方式从后台获取json数据,将内容填充到下拉列表。

    从后台获取json数据,将内容填充到下拉列表. url:链接 par:ID sel:下拉列表选择器 //获取下拉列表 function BuildSelectBox(url, par, sel) { ...

随机推荐

  1. 浏览器是如何处理页面元素的Download?

    首先,浏览器对于script的下载是避免并行进行的.HTTP/1.1协议中规定浏览器和同一host之间只建立最多两个连接,也就是说允许的最 大并行度为2(当然,对IE和Firefox来说,你都可以通过 ...

  2. WebSocket-java实现

    一.所需jar 二.创建websocket.jsp(注意此页面链接,需要链接到自己的服务) <%@ page language="java" import="jav ...

  3. golang mysql 如何设置最大连接数和最大空闲连接数

    本文介绍golang 中连接MySQL时,如何设置最大连接数和最大空闲连接数. 关于最大连接数和最大空闲连接数,是定义在golang标准库中database/sql的. 文中例子连接MySQL用的SQ ...

  4. golang 性能剖析pprof

    作为一个golang coder,使用golang编写代码是基本的要求. 能够写出代码,并能够熟悉程序执行过程中各方面的性能指标,则是更上一层楼. 如果在程序出现性能问题的时候,可以快速定位和解决问题 ...

  5. CentOS7性能监控系统安装

    想打造 New Relic 那样漂亮的实时监控系统我们只需要 InfluxDB/collectd/Grafana 这三个工具,这三个工具的关系是这样的: 采集数据(collectd)-> 存储数 ...

  6. 五十四:WTForms表单验证之自定义表单验证器

    如果想要对表单中的某个字段进行自定义验证,则需要对这个字段进行单独的验证1.定义一个方法,命名规则为:validate_字段名(self, filed)2.在方法中,使用filed.data获取字段的 ...

  7. 使用 joblib 对 Pandas 数据进行并行处理

    使用 joblib 对 Pandas 数据进行并行处理 如果需要对一个很大的数据集进行操作,而基于一列数据生成新的一列数据可能都需要耗费很长时间. 于是可以使用 joblib 进行并行处理. 假设我们 ...

  8. Centos 在线安装 nginx

    centos 在线安装 nginx 安装nginx ​ 参考文档: http://nginx.org/en/linux_packages.html 中的RHEL/CentOS章节,按照步骤安装repo ...

  9. 树莓派 Raspberry Pi 4,.net core 3.0 ,Avalonia UI 开发

    虽说.net core3.0已经可以用于开发wpf和winform程序,可是遗憾的时目前这core下的wpf还是只能运行在windows下,想要在linux下运行wpf估计还要等一段时间. Avalo ...

  10. JavaScript基础入门06

    目录 JavaScript 基础入门06 Math 对象 Math对象的静态属性 Math对象的静态方法 指定范围的随机数 返回随机字符 三角函数 Date对象 基础知识 日期对象具体API 构造函数 ...