利用函数对对象的处理
16lz
2021-05-14
后端数据来了,前端如果用什么组件或者插件的时候,有时候需要对传过来的数据进行处理。比如,传过来的数据是这样的 {“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博客作者迩伶贰的原创作品,如需转载,请注明出处,否则将追究法律责任更多相关文章
- PHP:MySQL常用DDL数据定义语言, DML数据库操作语言,PDO连接数据
- vue api实例方法 有四个 $watch $emit $forceUpdate $nextTick!
- 【PHP 面向对象】面向对象(OOP)编程之PDO对象操作数据库知识点归
- TDH8.0 使用必读 :为什么你需要存算解耦的多模型数据管理平台
- 【案例】星环科技原厂数据备份恢复软件,让大数据与AI应用有备无患
- 那么火的肿瘤免疫分析,这个在线数据库就能搞定!
- 【案例】上汽红岩携手星环科技 AI赋能商用车配置降低成本提高营
- 星环科技再次入选上海市“专精特新”企业名单
- linux 7安装oracle 11g root.sh不成功