js中修改数组对象中对象的键名 2022-08-28 11:51 136阅读 0赞 场景分析:一个数据字典列表,如下 let dictList = [ { id: 1, name: "sn", desc: "序列号"}, { id: 2, name: "prop", desc: "属性"}, { id: 3, name: "type", desc: "类型"}, { id: 4, name: "user", desc: "负责人"} ] 后台返回的数据列表,如 let data = [ { sn: 121, user: "张氏"}, { sn: 122, prop: "属性1", type: "类型1"}, { prop: "属性1", type: "类型1", user: "李四"}, ] 需求:后台返回的数据列表想用表格展示,这个数据列表中每个对象返回的键值对是不固定的,但是取值是从数据字典中取来的。为了方便展示,想把后台返回的数据列表中对象的键改为数据字典中对应 `name` 的 `desc` 字段,就动态修改对象的键名。 做法: 我们可以先将数据字典列表转换为一个对象 `labels` let labels = { } dictList.forEach(item => { this.$set(labels, item.name, item.desc) }) console.log(labels) // { 'sn': '序列号', 'prop': '属性', 'type': '类型', 'user': '负责人' } 然后修改后台数据列表的对象键名 let res = data.map(item => { let obj = { } Object.entries(item).forEach(([k, v]) => { obj[labels[k] || k] = v }) return obj }) console.log(res ) 这种做法适合用于返回的数组对象中,对象的属性不固定的情况
相关 js 去掉数组对象中的重复对象 在数组对象中去掉重复的对象: export function deteleObject(obj) \{ var uniques = \[\]; var stringif 冷不防/ 2022年12月27日 07:56/ 0 赞/ 33 阅读
相关 JS中将对象转化为数组,数组转对象 [https://www.cnblogs.com/wancheng7/p/8735168.html][https_www.cnblogs.com_wancheng7_p_873 朱雀/ 2022年12月24日 06:58/ 0 赞/ 111 阅读
相关 js空数组中增加对象 // 提供的数据有: let oper_x = ['op1', 'op2', 'op3'] let oper_y = [3, 2, 1] / 谁借莪1个温暖的怀抱¢/ 2022年12月17日 07:26/ 0 赞/ 50 阅读
相关 php 数组 修改 键名,php 修改数组的键名 原数组 ~~~ $fans = pdo\_getall('mc\_mapping\_fans', \[\], \['nickname','openid'\]); arra 妖狐艹你老母/ 2022年11月12日 12:54/ 0 赞/ 142 阅读
相关 VUE修改数组中对象的方法 VUE根据index,直接修改数组是无法做到动态渲染的,以下两种方法可以动态修改数组中数据的渲染 1、splice方式,具体参考splice方法 let xAxis Myth丶恋晨/ 2022年10月29日 04:27/ 0 赞/ 164 阅读
相关 JS_js修改无限级数组对象键名 需求:替换数组对象中ids为id,name为label,当children为空数组的时候,删除children子节点 方法一 let list = [{ 「爱情、让人受尽委屈。」/ 2022年09月11日 13:28/ 0 赞/ 61 阅读
相关 js数组对象按对象属性排序或修改对象属性名 根据数组对象中对象的某个属性值把数组排序 假设数组为: let arr = [ { rank: 1, name: '张三' }, { r 左手的ㄟ右手/ 2022年09月03日 00:13/ 0 赞/ 259 阅读
相关 js中修改数组对象中对象的键名 场景分析:一个数据字典列表,如下 let dictList = [ { id: 1, name: "sn", desc: "序列号"}, { id - 日理万妓/ 2022年08月28日 11:51/ 0 赞/ 137 阅读
相关 js怎样获取循环获取对象的键名 遍历对象的键名 有些时候需要遍历js对象获取键名 let myObj = { name: 'pujie', age: 18 } let tempArr = Objec 叁歲伎倆/ 2022年02月21日 18:45/ 0 赞/ 1156 阅读
还没有评论,来说两句吧...