修改对象属性名的两种方法

每天都能遇到奇奇怪怪的问题哈

修改前的数据

 let HouChen = [{ name: '羽神', 年龄: 13, sex: '女', userList: [{ id: 1, Z_name: '钢铁侠' }] },{ name: '少主', 年龄: 14, sex: '女', userList: [{ id: 2, Z_name: '蜘蛛侠' }] },{ name: '刘备', 年龄: 15, sex: '女', userList: [{ id: 3, Z_name: '绿巨人' }] },{ name: '关于', 年龄: 17, sex: '女', userList: [{ id: 4, Z_name: '美国队长' }] },{ name: '老威', 年龄: 15, sex: '男', userList: [{ id: 5, Z_name: '冲锋侠' }] },{ name: '村长', 年龄: 13, sex: '女', userList: [{ id: 6, Z_name: '峡谷先锋' }] }]

通过forEach遍历

 function convertKey(arr, key) {let newArr = [];HouChen.forEach((item, index) => {let newObj = {};for (var i = 0; i < key.length; i++) {newObj[key[i]] = item[Object.keys(item)[i]]}newArr.push(newObj);})return newArr;}let HouChen2 = convertKey(HouChen, ['person', 'age', 'sex', 'children',]);

修改后的数据

      { person: '羽神', age: 13, sex: '女', children: [{ id: 1, Z_name: '钢铁侠' }] },{ person: '少主', age: 14, sex: '女', children: [{ id: 2, Z_name: '蜘蛛侠' }] },{ person: '刘备', age: 15, sex: '女', children: [{ id: 3, Z_name: '绿巨人' }] },{ person: '关于', age: 17, sex: '女', children: [{ id: 4, Z_name: '美国队长' }] },{ person: '老威', age: 15, sex: '男', children: [{ id: 5, Z_name: '冲锋侠' }] },{ person: '村长', age: 13, sex: '女', children: [{ id: 6, Z_name: '峡谷先锋' }] }

通过递归可以修改对象数组中对象的属性名

 function copyTransFun(arr) {arr.forEach((item, value) => {if (item.name) {item.person = item.name;delete item.name;}if (item.Z_name) {item.Z_person = item.Z_name;delete item.Z_name;}if (item.userList) {item.children = item.userList;delete item.userList;if (item.children.length) {this.copyTransFun(item.children);}}});}copyTransFun(HouChen)

修改后的数据

      { person: '羽神', age: 13, sex: '女', children: [{ id: 1, Z_person: '钢铁侠' }] },{ person: '少主', age: 14, sex: '女', children: [{ id: 2, Z_person: '蜘蛛侠' }] },{ person: '刘备', age: 15, sex: '女', children: [{ id: 3, Z_person: '绿巨人' }] },{ person: '关于', age: 17, sex: '女', children: [{ id: 4, Z_person: '美国队长' }] },{ person: '老威', age: 15, sex: '男', children: [{ id: 5, Z_person: '冲锋侠' }] },{ person: '村长', age: 13, sex: '女', children: [{ id: 6, Z_person: '峡谷先锋' }] }

修改对象属性名的两种方法相关推荐

Linux修改主机名的两种方法
Linux修改主机名的两种方法文章目录先展示一下效果一.通过hostname命令直接更改主机名(不是永久) 1.显示当前的主机名 2.更改主机名二.通过修改配置文件(永久改) 1.hostna ...
Linux 修改主机名的两种方法
Linux 修改主机名的两种方法一.使用Linux系统命令修改主机名通过man获取帮助 hostnamectl 用法修改重启生效二.通过修改配置文件修改主机名编辑配置文件修改重启生效 ...
修改Tomcat编码方式的两种方法
转载自修改Tomcat编码方式的两种方法方法一:推荐,不会影响到其它项目见我的另一篇博客:http://www.cnblogs.com/x_wukong/p/3292664.html 修改方 ...
通过计算机名访问电脑 win10,win10通过ip地址查找计算机名的两种方法｜win10怎样设置ip地址？...
win10通过ip地址查找计算机名的两种方法 win10通过ip地址查找计算机名的两种方法图文步骤一: 1.通过"开始"菜单,输入cmd,进入到类dos页面.(也可以通过快捷键: ...
修改mysql数据库名方法_安全快速修改Mysql数据库名的5种方法
1. RENAME DATABASE db_name TO new_db_name 这个..这个语法在mysql 5.1.7中被添加进来,到了5.1.23又去掉了. 据说有可能丢失数据.还是不要用的好 ...
修改mysql数据库默认字符集_MySQL数据库之修改mysql默认字符集的两种方法详细解析...
本文主要向大家介绍了MySQL数据库之修改mysql默认字符集的两种方法详细解析 ,通过具体的内容向大家展现,希望对大家学习MySQL数据库有所帮助. (1) 最简单的修改方法,就是修改mysql的m ...
在装完Linux系统之后自己去修改Swap分区的大小(两种方法)
在装完Linux系统之后自己去修改Swap分区的大小(两种方法)<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:o ...
js对象转换为数组的两种方法
第一种方法: Object.values(obj) 示例: var obj = { name: '小明', age: 22 }; console.log( Object.values(obj) ); ...
Linux修改root用户密码的两种方法
第一种方法 1.重启系统,按'E'进入编辑内核参数的页面. 2.找到linux行,末尾空格后输入 rd.break 然后按ctrl+x 3. 输入mount | grep sysroot(注意空格)查 ...

修改对象属性名的两种方法

修改对象属性名的两种方法相关推荐

最新文章

热门文章