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. 提交代码报错 error: failed to push some refs to

    在本人想把本地的分支推送到远程仓库时,突然出现了错误提醒error: failed to push some refs to....心里一咯噔,推不上去这还得了,手比脑快地就去google了一下. 然 ...

  2. [Javascript] Working with Static Properties on a Class

    Classes are syntactic sugar over functions and functions are also referred to as "callable" ...

  3. Nginx 基本入门

    什么是Nginx? 根据前面的对比,我们可以了解到Nginx是一个http服务器.是一个使用c语言开发的高性能的http服务器及反向代理服务器.Nginx是一款高性能的http 服务器/反向代理服务器 ...

  4. 【LG2839】[国家集训队]middle

    [LG2839][国家集训队]middle 题面 洛谷 题解 按照求中位数的套路,我们二分答案\(mid\),将大于等于\(mid\)的数设为\(1\),否则为\(-1\). 若一个区间和大于等于\( ...

  5. vs2017添加区域或者视图出错

    删除以下文件的信息:C:\Windows\Microsoft.NET\Framework\v4.0.30319\Temporary ASP.NET Files

  6. 敏捷项目管理—Scrum框架总结

    Scrum中的角色 Scrum Master——项目负责人.项目经理 保护团队不受外界干扰,是团队的领导和推进者,负责提升 Scrum 团队的工作效率,控制 Scrum 中的“检视和适应”周期过程.与 ...

  7. vue+elementui项目打包后样式变化问题

    博主刚刚解决了index.html空白问题,刚打开项目页面又发现了样式出现了大问题,样式与开发版本有很大不同,有些样式没有生效.利用搜索引擎,找到了问题所在以及解决办法:main.js中的引入顺序决定 ...

  8. Mstar 平台(648)唤醒之串口唤醒

    串口唤醒功能主要是从supernova 待机进入PM后,串口接收PC端口发送过来的特定字串,然后将主板唤醒的功能.与IR,KEYPAD,WOL,CEC,MHL 等等基本流程一致,触发源不一样而已. 待 ...

  9. CentOS7下将Python的版本升级为3.7

    众所周知,在2020年python官方将不再支持2.7版本的python,所以使用3.x版本的python是必要的,但是linux中默认安装的python一般是2.6和2.7版本的,要是使用linux ...

  10. 动态查找之二叉树查找 c++实现

    算法思想 二叉搜索树(又称二叉查找树或二叉排序树)BST树 二叉查找树 二叉查找树,也称二叉搜索树,或二叉排序树.其定义也比较简单,要么是一颗空树,要么就是具有如下性质的二叉树: (1)若任意节点的左 ...