json对象转js对象
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对象的更多相关文章
- JSON字符串和JS对象之间的转换
JSON字符串和JS对象之间的转换 1 json字符串转换为js对象 1.1 标准json格式字符串转换为Js对象 JSON字符串 str JSON.parse(str) eval(str) eva ...
- 使用JSON语法创建JS对象(重要)
JS对象的键值可以加单引号或者不加或者加双引号 JSON语法提供了一种更简单的方式来创建对象,可以避免书写函数,也可避免用new关键字,可以直接创建一个JS对象,使用一个花括号,然后将每个属性写成&q ...
- jquery对象与js对象的相互转换
jQuery对象转成DOM对象: 两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index); (1)jQuery对象是一个数据对象,可以通过[index]的方法,来得 ...
- jquery对象和js对象的转化
jquery对象和js对象的转化 jquery对象只能使用jqury方法,不能使用js的方法,相反的,js对象也只能使用js的方法,如果js对象使用了jquery方法,那么浏览器就会报错. 但是在 ...
- DOM对象和js对象以及jQuery对象的区别
DOM对象和js对象以及jQuery对象的区别 DOM对象和js对象以及jQuery对象的区别 一.DOM对象 文档对象模型简称DOM,是W3C组织推荐的处理可扩展置标语言的标准编程接口. DOM实际 ...
- JQuery学习:jquery对象和js对象区别和转换
JQuery对象与JS对象区别与转换 1.JQuery对象在操作时,更加方便 2.JQuery对象和js对象方法不通用 3.两者相互转换 * jq -- > js:jq对象[索引] 或者 ...
- JSON字符串和JS对象
JSON和JS对象 一 JSON是什么 JSON是基于文本的,轻量的,用于数据交换的,一种格式. 可以看到JSON的定义里面有很多的定语,现在就每个限定解释一下: 1. 基于文本 这里的意思是相对于哪 ...
- json,json对象以及js对象字面量的区别
从定义看: json:一种数据交换格式 json对象:js的一个内置对象,拥有JSON.stringify()和JSON.parse()两个方法 js对象字面量:封闭在花括号对({})中的一个对象的零 ...
- JSON转JS对象,JS对象转JSON
一.从服务端发来的json字符串,怎么才能作为JavaScript对象(JSON对象)在web端调用呢? 1.如果使用jQuery,就很方便了,可以在ajax一系列函数中,把参数Datatype传js ...
- JSON字符串与JS对象格式转换
JSON通常用于服务器向客户端传送数据,传回来的JSON数据是字符串的形式,所以要转变为JS对象形式才方便我们使用. JSON字符串转变为JS对象:JSON.parse( ); JS对象转变为JSON ...
随机推荐
- RabbitMQ六种队列模式-路由模式
前言 RabbitMQ六种队列模式-简单队列RabbitMQ六种队列模式-工作队列RabbitMQ六种队列模式-发布订阅RabbitMQ六种队列模式-路由模式 [本文]RabbitMQ六种队列模式-主 ...
- Visual Studio 调试技巧---指针,元素个数
刚才,我在Visual Studio 中发现了一个以更好的方式调试指针的技巧.您可以在监视窗口中选择“n”,其中“n”是要显示的元素数.我认为下图是不言而喻的.
- apache pinot-docker-compose 运行试用
apache pinot 是一个实时的OLAP 数据存储,同时包含了自己的查询语言,因为maven 构建花费时间较大 所以使用docker-compose 运行 docker-compose 文件 ...
- webpack配合babel使用
一.babel介绍 ①Babel 是一个 JavaScript 编译器,可以把ES6的语法转为兼容浏览器的ES5语法 ②Babel中文官网:https://www.babeljs.cn/ ③Babel ...
- 统计学基础知识(一)---描述统计学(Descriptive Statistics)
描述统计学(Descriptive Statistics):将数据的信息以表格, 图形或数值的形式进行汇总. 数据类型:分为定量数据(数值型数据)和定性数据(类别型数据).数值型数据又可以分为连续型和 ...
- 在error日志打印异常
在日志中打印异常,经常会看到以下的写法: logger.error(e.getMessage()); 或者是: e.printStackTrace(); 这两种其实都不太好. e.getMessage ...
- [技术博客] 如何避免在代码中多重render
目录 问题发现 方案1 extracted_method and return(父函数and return法) 方案2 子函数yield,父函数调用后{return} 方案3 extracted_me ...
- Google Kick Start 2019 C轮 第一题 Wiggle Walk 题解
Google Kick Start 2019 C轮 第一题 Wiggle Walk 题解 题目地址:https://codingcompetitions.withgoogle.com/kickstar ...
- 直接从ADB接出串口调试
1,从硬件接出串口线 2,用串口工具连接上串口工具,串口工具地址:https://files.cnblogs.com/files/senior-engineer/%E4%B8%B2%E5%8F%A3% ...
- 008_AuditionCC系列1
一.一二章编辑音频文件. (1)在音轨编辑页面,按鼠标滚轮或键盘上的+个-号可实现Zoom in(放大),Zoom out(缩小) (2)①次声波频率在<20Hz和>20000Hz之间②人 ...