zoukankan      html  css  js  c++  java
  • 利用函数对对象的处理

      后端数据来了,前端如果用什么组件或者插件的时候,有时候需要对传过来的数据进行处理。比如,传过来的数据是这样的 {“a”:2,"b":3,"c":4,"d":5};

    但是我们需要的这样的形式,[{"a":2},{"b":3},{"c":4},{"d":5}](echart的数据接口就是这样的结构 ),怎么来转化呢?

    function serializeArray(result){
                var objArr = [];
                $.each(result,function (value,name) {
                    objArr.push({value:value,name:name});
                })
                //console.log(objArr);
                return objArr; 
     };
    

      就是这样简单,利用jq的each方法,当然,还有很多的方法,这里的each的方法,传入两个参数,一个是要处理的对象类型的数据result,另一个就是如何处理的函数,这里的name和value就是result的对象里面的 key和 value,这个方法,就会让 对象的属性和内容对应起来,塞入数组,重新组建成我们需要的样式: [{"a":2},{"b":3},{"c":4},{"d":5}]。函数封装好了,最后就是调用了,

       var arr = {“a”:2,"b":3,"c":4,"d":5};

    serializeArray(arr);//[{"a":2},{"b":3},{"c":4},{"d":5}]


    每日一句:最好的锻炼方式就是每天的重复和学习。

    翻译:The best way to exercise is to repeat and learn something every day。

  • 相关阅读:
    字典操作
    集合操作
    字符编码与转码
    基于Vue的WebApp项目开发(二)
    算法之递归
    webpack学习(一)
    基于Vue的WebApp项目开发(一)
    webpack踩坑之旅
    vue2.0中的watch和计算属性computed
    vue2.0路由写法、传参和嵌套
  • 原文地址:https://www.cnblogs.com/adouwt/p/6443212.html
Copyright © 2011-2022 走看看