json数据:

{

    "YD1": 0,
"YD2": 0,
"YD3": 0,
"YD4": 0,
"YD5": 0,
"YD6": 0,
"YD7": 0,
"YD8": 0,
"YD9": 0,
"YD10": 0,
"YD11": 0,
"YD12": 0,
"GH1": 0,
"GH2": 0,
"GH3": 0,
"GH4": 0,
"GH5": 0,
"GH6": 0,
"GH7": 0,
"GH8": 0,
"GH9": 0,
"GH10": 0,
"GH11": 0,
"GH12": 0,
"KD1": 0,
"KD2": 0,
"KD3": 0,
"KD4": 0,
"KD5": 0,
"KD6": 0,
"KD7": 0,
"KD8": 0,
"KD9": 0,
"KD10": 0,
"KD11": 0,
"KD12": 0,
"TYGQ1": 0,
"TYGQ2": 0,
"TYGQ3": 0,
"TYGQ4": 0,
"TYGQ5": 0,
"TYGQ6": 0,
"TYGQ7": 0,
"TYGQ8": 0,
"TYGQ9": 0,
"TYGQ10": 0,
"TYGQ11": 0,
"TYGQ12": 0,
}

ajax:

var bardatas;   //定义全局变量
function CMOneImg(){
$.ajax( {
type : "POST",
url : '/ailk-visual/grossprofit/mendian2all.do?random='+Math.random(),
dataType:'json',
data:{//+'&monthId=201701&oid=5101011167302'
monthId : 201701 00,
mdId :'',
},
success : function(data) {
// console.log(JSON.stringify(data));
bardatas = data;
},
error: function(data){
console.log(data);
}
});
}

第一种方法:

js:

var ydArr = [],kdArr=[];
function addJsonArr(){
for (var item in bardatas) {//bardatas指要循环的json对象
// console.log(item);//得到键
// console.log(dataJson[item]);//得到键对应的值
if(item.indexOf('YD')==0){//移动 以YD开头的添加到jsonArr数组中
var obj01 = {obj1:bardatas[item]};
ydArr.push(obj01);
}
if(item.indexOf('KD')==0){//款待 以YD开头的添加到jsonArr数组中
var obj02 = {obj1:bardatas[item]};
kdArr.push(obj02);
}
    /*
    //转成数组
    if(item.indexOf('KD')==0){//款待 以YD开头的添加到jsonArr数组中
var obj02 = bardatas[item]; //去掉obj1:
kdArr.push(obj02);
}
  */
}
console.log(ydArr); console.log(kdArr);
var datas={};
datas.ydArr = ydArr;datas.kdArr = kdArr;
StoreSalesLine('StoreSalesLine002', months, datas);//折线图 ①首先定义全局变量months=[ ],②ajax中success请求months = data.sort().reverse();③数据处理
}

echarts:

function Line(id, months, datas){
x轴: data:months
series:[
{
数据一:data:datas.ydArr
},{
数据二:data:datas.kdArr
}
]
}

第二种方法:

js:

function CLine(){
var datas = {};
var yd = [], kd = [], gh = [], tygq = [];
var months = [];
yd.push(bardatas.YD1);yd.push(bardatas.YD2);yd.push(bardatas.YD3);yd.push(bardatas.YD4);yd.push(bardatas.YD5);yd.push(bardatas.YD6);
yd.push(bardatas.YD7);yd.push(bardatas.YD8);yd.push(bardatas.YD9);yd.push(bardatas.YD10);yd.push(bardatas.YD11);yd.push(bardatas.YD12); kd.push(bardatas.KD1);kd.push(bardatas.KD2);kd.push(bardatas.KD3);kd.push(bardatas.KD4);kd.push(bardatas.KD5);kd.push(bardatas.KD6);
kd.push(bardatas.KD7);kd.push(bardatas.KD8);kd.push(bardatas.KD9);kd.push(bardatas.KD10);kd.push(bardatas.KD11);kd.push(bardatas.KD12); gh.push(bardatas.GH1);gh.push(bardatas.GH2);gh.push(bardatas.GH3);gh.push(bardatas.GH4);gh.push(bardatas.GH5);gh.push(bardatas.GH6);
gh.push(bardatas.GH7);gh.push(bardatas.GH8);gh.push(bardatas.GH9);gh.push(bardatas.GH10);gh.push(bardatas.GH11);gh.push(bardatas.GH12); tygq.push(bardatas.TYGQ1);tygq.push(bardatas.TYGQ2);tygq.push(bardatas.TYGQ3);tygq.push(bardatas.TYGQ4);tygq.push(bardatas.TYGQ5);tygq.push(bardatas.TYGQ6);
tygq.push(bardatas.TYGQ7);tygq.push(bardatas.TYGQ8);tygq.push(bardatas.TYGQ9);tygq.push(bardatas.TYGQ10);tygq.push(bardatas.TYGQ11);tygq.push(bardatas.TYGQ12); var yd1= /[YD0-9] /; // 正则,只包含YD和任意0-9的数字
var kd1= /[KD0-9] /;
var gh1= /[GH0-9] /;
var tygq1= /[TYGQ0-9] /;
for(var key in bardatas){
if(key.yd1){ //第一组数据 移动
yd.push(bardatas[key]);
}
if(key.kd1){ //第二组数据 款贷
kd.push(bardatas[key]);
}
if(key.gh1){ //第三组数据 古话
gh.push(bardatas[key]);
}
if(key.tygq1){ //第四组数据 天一搞青
tygq.push(bardatas[key]);
}
}
datas.yd = yd; datas.kd = kd; datas.gh = gh; datas.tygq = tygq;
StoreSalesLine('StoreSalesLine002', months, datas);//折线 console.log(JSON.stringify('移动:'+yd));
console.log(JSON.stringify('款贷:'+kd));
console.log(JSON.stringify('古话:'+gh));
console.log(JSON.stringify('天一搞青:'+tygq)); }

echarts:

function Line(id, months, datas){
x轴: data:months
series:[
{
数据一:data:datas.yd
},{
数据二:data:datas.kd
}
]
}

json对象转js对象的更多相关文章

  1. JSON字符串和JS对象之间的转换

    JSON字符串和JS对象之间的转换 1 json字符串转换为js对象 1.1 标准json格式字符串转换为Js对象  JSON字符串 str JSON.parse(str) eval(str) eva ...

  2. 使用JSON语法创建JS对象(重要)

    JS对象的键值可以加单引号或者不加或者加双引号 JSON语法提供了一种更简单的方式来创建对象,可以避免书写函数,也可避免用new关键字,可以直接创建一个JS对象,使用一个花括号,然后将每个属性写成&q ...

  3. jquery对象与js对象的相互转换

    jQuery对象转成DOM对象: 两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index); (1)jQuery对象是一个数据对象,可以通过[index]的方法,来得 ...

  4. jquery对象和js对象的转化

    jquery对象和js对象的转化   jquery对象只能使用jqury方法,不能使用js的方法,相反的,js对象也只能使用js的方法,如果js对象使用了jquery方法,那么浏览器就会报错. 但是在 ...

  5. DOM对象和js对象以及jQuery对象的区别

    DOM对象和js对象以及jQuery对象的区别 DOM对象和js对象以及jQuery对象的区别 一.DOM对象 文档对象模型简称DOM,是W3C组织推荐的处理可扩展置标语言的标准编程接口. DOM实际 ...

  6. JQuery学习:jquery对象和js对象区别和转换

    JQuery对象与JS对象区别与转换 1.JQuery对象在操作时,更加方便 2.JQuery对象和js对象方法不通用 3.两者相互转换 *  jq -- > js:jq对象[索引]  或者  ...

  7. JSON字符串和JS对象

    JSON和JS对象 一 JSON是什么 JSON是基于文本的,轻量的,用于数据交换的,一种格式. 可以看到JSON的定义里面有很多的定语,现在就每个限定解释一下: 1. 基于文本 这里的意思是相对于哪 ...

  8. json,json对象以及js对象字面量的区别

    从定义看: json:一种数据交换格式 json对象:js的一个内置对象,拥有JSON.stringify()和JSON.parse()两个方法 js对象字面量:封闭在花括号对({})中的一个对象的零 ...

  9. JSON转JS对象,JS对象转JSON

    一.从服务端发来的json字符串,怎么才能作为JavaScript对象(JSON对象)在web端调用呢? 1.如果使用jQuery,就很方便了,可以在ajax一系列函数中,把参数Datatype传js ...

  10. JSON字符串与JS对象格式转换

    JSON通常用于服务器向客户端传送数据,传回来的JSON数据是字符串的形式,所以要转变为JS对象形式才方便我们使用. JSON字符串转变为JS对象:JSON.parse( ); JS对象转变为JSON ...

随机推荐

  1. MongoDB Shell db.runCommand

    db.runCommand()示例 我们使用MongoDB Shell登录到mongos,添加Shard节点 [root@100 shard]# /usr/local/mongoDB/bin/mong ...

  2. genie 来自netflix 的分布式大数据调度服务

    Genie是Netflix开发的联合作业编排引擎.Genie提供REST-ful API来运行各种大数据工作,如Hadoop,Pig,Hive,Spark,Presto,Sqoop等.它还提供用于管理 ...

  3. 5-网页,网站,微信公众号基础入门(配置网站--PHP配置上数据库)

    https://www.cnblogs.com/yangfengwu/p/11037653.html php和数据库打交道,这样整个网页就完美了,有了数据存储,交互,动态网页才完美 首先修改下php. ...

  4. 洛谷 P1099 树网的核+P2491 [SDOI2011]消防

    写在前面:由于是双倍经验就放一块了,虽然数据范围差的有点大. 题目链接 题意:在树的直径上选择一条长度不超过s的路径使这条路径上的点到树上任意点的最大距离最小. 这题数据好像非常水,我写了上界n^2不 ...

  5. 实验1c语言开发环境使用和数据类型,运算符和表达式

    /*this is first c program*/ # include<stdio.h> int main() { printf("Hello Mars!"); ; ...

  6. javaScript之DOM,BOM

    javaScript之BOM / DOM: BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行"对话". DOM ...

  7. Missing Data Reconstruction in Remote Sensing Image With a Unified Spatial–Temporal–Spectral Deep Convolutional Neural Network(缺失数据补全,时空谱网络)

    摘要 文章针对修复坏波段(AQUA B6),恢复条带损失,恢复云污染提出了一个深度学习网络结构,他说 To date, to the best of our knowledge, no studies ...

  8. Centos7 配置静态IP并使用xshell远程连接

    静态IP配置 1.定位到 /etc/sysconfig/network-scripts文件夹,打开文件夹下面的ifcfg-enp3s0文件 2.修改BOOTPROTO=static  ONBOOT=y ...

  9. Zabbix实战-简易教程--中间件kafka监控

    一.环境准备 1.安装kafka Step 1: 下载代码 你可以登录Apache kafka 官方下载.http://kafka.apache.org/downloads.html备注:2.11-1 ...

  10. 向量召回 vearch

    开源向量召回工具 https://github.com/vearch/vearch 架构