javascript编程: JSON, Mapping, 回调

来源:互联网 发布:中文学位论文数据库 编辑:程序博客网 时间:2024/06/08 06:11


        使用 Javascript  编程, 组合使用 JSON 数据格式,Mapping 和回调技术, 可以产生很强的表达效果。 在实际工作中, 总会有数据汇总的需求。 比如说, 取得了多个 device 的性能数据, 现在希望能够对其中的若干字段进行不同的汇总(有的求和,有的求平均值,有的求最大值),得到所有Device 的总的性能状况。

        具体怎么实现呢? 显然, 对于指定的不同字段, 需要不同的数据汇总函数, 可以使用一个 Mapping 来管理字段与数据汇总函数之间的映射关系,并采用回调方式来计算归总值; 通常返回数据都会采用对象数组的结构, javascript 对 JSON 格式的数据操作非常方便。 

       具体实现代码如下( 可以直接复制到 JS 控制台执行):     

/*** 对多个chart数据的指定字段使用指定函数进行汇总* @param chartDataArray chart 数据数组, 结构: [[{'timestamp': 'xxx1', 'field1': 'xxx1', 'field2': 'yyy1'}], [{'timestamp': 'xxx1', 'field1': 'xxx2', 'field2': 'yyy2'}]] *        这些 chart 的长度应该是相同的* @param fieldFuncMapping字段与聚合函数的映射, 结构: {'field1': func1, 'field2':func2 }* @return 单个 chart 数据, 结构 [{'timestamp': 'xxx1', 'field1': func1('xxx1', 'xxx2'), 'field2': func2('yyy1', 'yyy2')}]*/var summary = function(chartDataArray, fieldFuncMapping) {    var i=0, k=0;    var chartNum = (chartDataArray == null ? 0 : chartDataArray.length);    var chartLength = (chartDataArray[0] == null ? 0 : chartDataArray[0].length);    var result = [];    var dataArrayForSinglePoint = [];    var dataSummaryForSinglePoint = 0;    var dataSummaryObjForSinglePoint = {};    var singleData = 0;    var dataItem = {};    var dataItemProperty = {};    var fieldSummaryFunc = null;    if (chartNum == 0 || chartLength == 0) {        return [];    }    dataItemProperty = chartDataArray[0][0];    for (k=0; k < chartLength; k++) {        dataSummaryObjForSinglePoint = {};        for (var field in dataItemProperty) {            dataArrayForSinglePoint = [];            for (i=0; i<chartNum;i++) {                dataItem = chartDataArray[i][k];                singleData = dataItem[field];                dataArrayForSinglePoint.push(singleData);            }            fieldSummaryFunc = fieldFuncMapping[field];            if (fieldSummaryFunc == null) {                fieldSummaryFunc = obtainFirstFunc;            }            dataSummaryForSinglePoint = fieldSummaryFunc(dataArrayForSinglePoint);            dataSummaryObjForSinglePoint[field] = dataSummaryForSinglePoint;        }        result.push(dataSummaryObjForSinglePoint);    }    return result;}var obtainFirstFunc = function(array) {    return array[0];}var sumFunc = function(array) {    var i=0, sum = 0;    var len = (array == null ? 0 : array.length);    if (len == 0) { return 0; }    for(i=0; i<len; i++) {        sum += array[i];    }    return sum;}var averageFunc = function(array) {    var i=0, sum = 0;    var len = (array == null ? 0 : array.length);    if (len == 0) { return 0; }    sum = sumFunc(array);    return sum / len;}var testFunc = function() {    var chart1 = [{'time': 'time1', 'num': 13, 'grade': 95}, {'time': 'time2', 'num': 15, 'grade': 99}, {'time': 'time3', 'num': 16, 'grade': 94}];    var chart2 = [{'time': 'time1', 'num': 16, 'grade': 93}, {'time': 'time2', 'num': 14, 'grade': 95}, {'time': 'time3', 'num': 18, 'grade': 97}];    var fieldFuncMapping = {'num': sumFunc, 'grade': averageFunc};    var chart = summary([chart1, chart2], fieldFuncMapping);    console.log(chart);}testFunc();


    附上一个 javascript 的陷阱: