工作中数据处理相关知识点01

1.求数组元素所占百分比：

function Percentage(number1, number2) { 
    return (Math.round(num / total * 10000) / 100.00 + "%");// 小数点后两位百分比
   }

2.$.map与$.each比较：

var arr1 = {'yj':'yu','name':'jian'};
//arr2 = ['yu','jian']
var arr2 = $.map(arr1, function (v,k) {return v });
var arr1 = [0, 3, 5];
//arr2 = [0,3,5]
var arr2 = $.map(arr1, function (v,k) { return v  });

• $.each修改原数组；

3.convert后端数据转换：

var mapDataParser = new (Stats.ResultParser.extend({
        doParse: function(data,num) {
            if(data){
                var obj = {},arr=[],self = this,sum = this.getSum(data,'pvcnt');
                //index 用于判断是国内还是国家；
                var index = data[0].hasOwnProperty('common_loc_prov') ? 'common_loc_prov' : 'common_loc_nat';
                $.each(data,function (k, v) {
                    obj.name = v[index];
                    obj.value = v['pvcnt'];
                    obj.percent = Math.round(v['pvcnt'] / sum *10000)/100.00 + '%';
                    arr.push(obj);
                    obj = {};
                });
                return this.getTop(arr,num);
            }
        },
        
        getTop:function (data,num) {
            var arrs = [],parcent = userCounts = 0,sum = this.getSum(data,'userCounts');
            $.each(data,function (k, v) {
                if(k < num){
                    arrs.push(v)
                    parcent += v.percent;
                    value += v.value;
                }
            })
            arrs.push({
                'name':'其他',
                'value':sum - value,
                'percent':Math.round((sum - value)/ sum *10000)/100.00 + '%',
            })
            return arrs;
        },
        getSum:function (arr,index) {
            var sum = 0;
            $.each(arr,function (k, v) {
                sum += v[index]
            })
            return sum;
        },
    }))();

4.获取对象的最后一个元素，并替换相应的key值：

data = this._convertD(data);
_convertD: function (data) {
    data = this._getMax(data);
    for(var k in data){
        var objs = {};
        var pvObj = this._get1KeyVal(data,'浏览量PV','pvcnt');
        var ipObj = this._get1KeyVal(data,'独立IP','ipcnt');
        objs['浏览量PV'+'_'+pvObj['浏览量PV']] = pvObj.value;
        objs['独立IP'+'_'+ipObj['独立IP']] = ipObj.value;
    }
    return objs;
},
_getMax:function (data) {
    var arrs = [],obj = {};
    for(var k in data){
        obj[k] = data[k];
        arrs.push(obj);
        obj = {};
    }
    return arrs[1];
},
_get1KeyVal:function (data,index,value) {
    var result = [], obj = {}, objs = {};
    for (var k in data) {
        for (var i = 0; i < data[k].length; i++) {
            var cur = data[k][i];
            for (var key in cur) {
                obj['value'] = cur[value];
                obj['hour'] = cur['common_hour']
            }
            result.push(obj);
            obj = {};
        }
        objs[index] = k;
        objs['value'] = result;
        return objs;
    }
}

5.当一个组件需要调用后端多个接口获取数据并拼接时，可以让后台只返回一个接口，并将数据组合：

• current/bindwidthDetail/useFlow/bindwidthMax/fluency等来自不同的接口；

  {
    "code": 0,
    "message": null,
    "result": {
      "bandwidthDetail": [],
      "useFlow": [
        {
          "dayflow": 3012481021735,
          "day": "2016-11-07"
        }
      ],
      "fluency": [],
      "current": [
        {
          "flow": {
            "unit": "M",
            "flow": 952543
          },
          "bandwidth": {
            "unit": "M",
            "time": "201611141255",
            "bandwidth": 863
          }
        }
      ],
      "bandwidthMax": [
        {
          "day": "20161107",
          "bandwidth": 1069
        }
      ]
    },
    "count": null
  }

6.数据处理最佳实践：

• 页面调整时，当前端接口与后端接口数据格式不一致时，可以写个转换类进行转换；
• 创建一个resultPaser类专门用于数据处理；
•  建议调整计费设置现有的数据展示及操作，自己维护实际的计费设置数据，而不是依赖easyui的table组件获取数据，方便以后界面展现扩展，当界面展示数据需要改变成其它格式时，不需要修改原始计费设置数据的格式，只要将原始数据格式化即可。

7.js页面跳转事件：window.onbeforeunload：

var isUploadFinish = true;
var uploadCount = 0;
var isUploadStart = false;
window.onbeforeunload = function (e) {
    if (!isUploadFinish && uploadCount != 0) {
        // 设置导航栏默认状态
        setSubNav('video', 0);
        return "您的上传还未完成，是否离开当前页？";
    }   
    if (!isUploadStart && uploadCount != 0) {
        // 设置导航栏默认状态
        setSubNav('video', 0);
        return "您的视频没有上传，是否离开当前页？";
    }
};

8.将具有length属性的类数组对象转化为数组：

var args = Array.prototype.slice.call(arguments, 1);