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,
}

第一种方法:

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);
         }
    }
     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
}
]
}

原文地址:https://www.cnblogs.com/Han39/p/8745796.html

时间: 2024-10-11 07:22:34

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

使用js把json字符串转为js对象的方法

ECMA-262(E3) 中没有将JSON概念写到标准中,还好在 ECMA-262(E5)中JSON的概念被正式引入了,包括全局的JSON对象和Date的toJSON方法. 1,eval方式解析,恐怕这是最早的解析方式了.如下: 复制代码代码如下: function strToJson(str){ var json = eval('(' + str + ')'); return json; } 记得别忘了str两旁的小括号. 这里属性名可以使用数字,可以带引号也可以不带引号.如果属性名是纯数字,

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

JS对象的键值可以加单引号或者不加或者加双引号 JSON语法提供了一种更简单的方式来创建对象,可以避免书写函数,也可避免用new关键字,可以直接创建一个JS对象,使用一个花括号,然后将每个属性写成"key:value"的形式. 从JavaScript1.2开始,创建对象有了一种更快捷的语法: 格式如下: var p = { name: '张三', sex: '男', info: function() { alert("这是函数格式!"); } } 这种语法就是一种J

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

1 json字符串转换为js对象 1.1 标准json格式字符串转换为Js对象 JSON字符串 str JSON.parse(str) eval(str) eval('('+str+')') eval('['+str+']') 对象字符串 "{\"id\":\"001\",\"name\":\"sanzhang\"}" 对应的json格式 {"id":"001",&q

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

一.DOM对象 文档对象模型简称DOM,是W3C组织推荐的处理可扩展置标语言的标准编程接口. DOM实际上是以面向对象方式描述的文档模型.DOM定义了表示和修改文档所需的对象.这些对象的行为和属性以及这些对象之间的关系. 通过DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性.可以对其中的内容进行修改和删除,同时也可以创建新的元素. HTML DOM 独立于平台和编程语言.它可被任何编程语言诸如 Java.JavaScript 和 VBScript 使用. DOM对象,即是我们用

03 DOM对象(js对象)与jQuery对象

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <ul> <li id="cloth">衣服</li> <li>裤子</li> <li>袜子&

json对象和js对象的区别

json对象的数据类型有限,只有string,number,object,array,true,false,null等类型,其他的NaN和undefined类型是不允许的. json是一种轻量级的数据交换格式.json对象 可以理解成 符合 json格式规范 的对象,对于 js 来说,它就是一个普通的对象,没有什么区别

JSON转JS对象,JS对象转JSON

一.从服务端发来的json字符串,怎么才能作为JavaScript对象(JSON对象)在web端调用呢? 1.如果使用jQuery,就很方便了,可以在ajax一系列函数中,把参数Datatype传json即可,返回的data即为JSON对象. PS:如果要对表单处理为json字符串,可以使用.serialize()与.serializeArray()处理,如果要作为URL调用,则可以使用jQuery.param()处理. 2.$.parseJSON( jsonstr) 3.浏览器自带的JSON.

jquery对象和js对象的转化

jquery对象只能使用jqury方法,不能使用js的方法,相反的,js对象也只能使用js的方法,如果js对象使用了jquery方法,那么浏览器就会报错. 但是在一些特定的时候,我们就需要对jquery对象使用js的方法,此时就要用到两者对象之间的转化. jquery对象转化为js对象: 1 var person = $("div");//这是一个jquer对象 2 3 var per1 = person[0];//此时的per1是一个js对象 4 var per2 = person.

jQuery对象与js对象转换

前言 jq方法和js的方法属性是不能互相使用的,所以有时候就需要转一下,下面就介绍下方法. js对象转化为jQuery对象 var box=document.getElementById("box"); var $box=$(box); jQuery对象转化为js对象 var box1=$(box)[0]; var box2=$(box).get(0); 示例: <script src="http://libs.baidu.com/jquery/1.11.3/jquer

jquery对象与js对象

对于已经是一个 DOM 对象,只需要用 $() 把DOM对象包装起来,就可以获得一个 jQuery 对象了,使用[index]和.get(index)可以转为DOM对象 jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象.jQuery 对象是 jQuery 独有的,其可以使用 jQuery 里的方法,但是不能使用 DOM 的方法: 例如: $("#img").attr("src","test.jpg"); 这里的 $("