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。

  • 相关阅读:
    sql server delete语句
    sql server 通配符
    sql server join联结
    windows下如何使用两个版本的nodejs
    PHP的Trait 特性
    PHP错误与异常处理try和catch
    laravel belongsTo()&hasOne()用法详解
    Laravel Model 的 fillable (白名单)与 guarded (黑名单)
    js原生,缓动动画封装
    js原生轮播图
  • 原文地址:https://www.cnblogs.com/adouwt/p/6443212.html
Copyright © 2011-2022 走看看