后端数据来了,前端如果用什么组件或者插件的时候,有时候需要对传过来的数据进行处理。比如,传过来的数据是这样的 {“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}][object Object]

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

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

©著作权归作者所有:来自51CTO博客作者迩伶贰的原创作品,如需转载,请注明出处,否则将追究法律责任

更多相关文章

  1. PHP:MySQL常用DDL数据定义语言, DML数据库操作语言,PDO连接数据
  2. vue api实例方法 有四个 $watch $emit $forceUpdate $nextTick!
  3. 【PHP 面向对象】面向对象(OOP)编程之PDO对象操作数据库知识点归
  4. TDH8.0 使用必读 :为什么你需要存算解耦的多模型数据管理平台
  5. 【案例】星环科技原厂数据备份恢复软件,让大数据与AI应用有备无患
  6. 那么火的肿瘤免疫分析,这个在线数据库就能搞定!
  7. 【案例】上汽红岩携手星环科技 AI赋能商用车配置降低成本提高营
  8. 星环科技再次入选上海市“专精特新”企业名单
  9. linux 7安装oracle 11g root.sh不成功

随机推荐

  1. COW奶牛!Copy On Write机制了解一下
  2. 2021各公司春招求职上岸大礼包! 春招一次
  3. JavaWeb前端框架之BootStrap基础知识
  4. 3.docker网络模式,桥接模式
  5. 写博客的一些感想和想对读者说的话
  6. 2018年如何快速学Java
  7. DAY1--2021.1.14
  8. 2.docker容器管理、仓库管理、数据管理、
  9. CopyOnWriteArrayList你都不知道,怎么拿of
  10. 从零单排学Redis【铂金一】