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 ...
随机推荐
- @EnableFeignClients 客户端详细
在Spring cloud应用中,当我们要使用feign客户端时,一般要做以下三件事情 : 1.使用注解@EnableFeignClients启用feign客户端: 示例 : @SpringBootA ...
- JavaScript基础11——ES5和ES6
ES5↓↓↓ bind方法/this关键字 bind()方法会创建一个新函数,称为绑定函数,当调用这个绑定函数时,绑定函数会以创建它时传入bind()方法的第一个参数作为this,传入 bin ...
- Linux下的C++ socket编程实例
阅读目录 基本的局域网聊天 客户端服务端双向异步聊天源码 局域网内服务端和有限个客户端聊天源码 完美异步聊天服务端和客户端源码 C++定时器 select异步代码 pthead多线程 服务端: 服务器 ...
- nginx 配置虚拟主机( 基于端口 )
一.创建网站目录及文件: [root@localhost data]# tree /data /data └── wwwroot ├── www.1.com_8080 │ └── index.ht ...
- 【BigData】Java基础_循环
1.for循环 语法: for (初始表达式;布尔表达式;步进) { 循环体: } 实例: package cn.test.logan.day02; import java.util.Scanner; ...
- SCDM——多进(出)口流道的抽取
源视频.模型文件链接: https://pan.baidu.com/s/1ohhdq76Zjgu-hM9MJFaN9Q 提取码: kwpv
- [原创]App弱网测试方法介绍
[原创]App弱网测试方法介绍 1 什么是弱网? 弱网就是在非正常网络状态下,用户在访问网络时遭遇到网络延迟或是丢包,造成使用产品时用户体验不佳或反感的场景. 2 为什么要进行弱网测试 简而方之, ...
- GlusterFS 安装
一.简介 GlusterFS 是近年兴起的一个高性能开源分布式文件系统,其目标是全局命名空间.分布式前端的高性能文件系统,目前已被 RedHat 看中,GlusterFS 具有高扩展.高可性.高性能. ...
- supervisor更改某项目配置后 需要重新启动才有效
在linux服务器上部署了node项目,使用supervisor进行管理,supervisor是个好工具,具体介绍见这里about supervisor 梗概了该项目对的某些配置后,重新启动项目,发现 ...
- JAVA | Java对象的内存分配过程是如何保证线程安全的?
JAVA | Java对象的内存分配过程是如何保证线程安全的? 专注于Java领域优质技术,欢迎关注 作者 l Hollis 来源 l Hollis(ID:hollischuang) JVM内存结构, ...