js更改对象中属性名的方法

数据格式如下：

let arr = [{"id": 275,"name": "测试公司","userList": [{"id": 697,"userName": "11111"}]}, {"id": 327,"name": "有限公司","userList": [{"id": 743,"userName": "张三"}, {"id": 744,"userName": "李四"}]}
];

问题一：动态修改name为text，userName也修改为text，userList为children

处理方法：

方案一：封装copyTransFunc方法，参数有两个，一个是arr，一个是数组，数组里可以配置修改的key和替换的value，支持多个

// 将arr对象中的name键改为text、userName键改为text、userList键改为chilrenconsole.log(this.copyTransFunc(arr, [{ key: "name", value: "text" }, { key: "userName", value: "text" },{ key: "userList", value: "chilren" }]));copyTransFunc (obj, typeArr) {let result;let toString = Object.prototype.toString;if (toString.call (obj) === '[object Array]') {result = [];for (let i = 0; i < obj.length; i++) {result[i] = this.copyTransFunc (obj[i], arguments[1])}} else if (toString.call (obj) === '[object Object]') {result = {};for (let _key in obj) {if (obj.hasOwnProperty (_key)) {let flag = 0, _value = null;for (let j = 0; j < arguments[1].length; j++) {if (arguments[1][j].key === _key) {flag = 1;_value = arguments[1][j].value}}if (flag)result[_value] = this.copyTransFunc (obj[_key], arguments[1]);elseresult[_key] = this.copyTransFunc (obj[_key], arguments[1])}}} else {return obj}return result}

方案二：递归解决

copyTransFun (arr) {arr.forEach ((item) => {if (item.name) {item.text = item.name;delete item.name;}if (item.userName) {item.text = item.userName;delete item.userName;}if (item.userList) {item.children = item.userList;delete item.userList;if (item.children.length) {this.copyTransFun (item.children);}}});},

方案三：处理两级情况

//处理只有两级情况
let col = [];arr.forEach((item, index) => {col.push({id: item.id,text: item.name,children: item.userList,},);});col.forEach((_item, _index) => {if (_item.children && _item.children.length) {_item.children.forEach((item, index) => {if (Object.getOwnPropertyNames(item).length) {item.id = item.id;item.text = item.userName;}})}});

交流

1、QQ群：可添加qq群共同进阶学习：进军全栈工程师疑难解群号: 856402057

2、公众号：公众号「进军全栈攻城狮」，对前端技术保持学习爱好者。我会经常分享自己所学所看的干货，在进阶的路上，共勉！

工作之余，不要忘记吃饭了，天天可领哦！

js更改对象中属性名的方法相关推荐

js给对象添加变量属性 js 更改对象中的属性名数组对象中每个对象添加一个字段-map用法和forEarch用法
js给对象添加变量属性 & js 更改对象中的属性名 & 数组对象中每个对象添加一个字段-map用法和forEarch用法 1.js给对象添加变量属性 1.js创建一个对象或者在原有对 ...
js 把对象按照属性名的字母顺序进行排列
var obj = {name: "zhangsan", age: 8, ace: 5, nbme: "lisi"};//要排序的对象function objK ...
js删除对象空属性值的方法
1.删除对象空属性值正常情况下,拿到的数据是{01:["鹿晗","关晓彤"]} 但当用户更改选项之后,我们可能拿到数据就是{01:[]},01的属性值是空的, ...
JavaScript String对象中属性的使用方法
当String()和运算符new 一起作为构造函数使用时,它返回一个新创建的String对象,存放的是字符串s或s的字符串表示. 当不用new运算符调用String()时,它只把s转换成原始的字符串, ...
js根据对象中属性删除数组中对象
list.forEach((value,index)=>{if(value.content==content){list.splice(index,1)} })
JS判断对象是否为空的方法大全
JS判断对象是否为空的方法大全 1.将json对象转化为json字符串,再判断该字符串是否为"{}" var data = {}; var b = (JSON.stringify( ...
js删除对象中所有值为null和undefined的属性
和后台对接的时候的需求,他们不希望我传入那些值为null和undefined的属性,那我就先删除了吧. var obj = {aaa: 1,b: null,ccc: 'js删除对象中所有值为null的 ...
JS向对象中添加和删除属性
向对象中添加属性语法: 对象.属性名 = 属性值; 对象["属性名"] = 属性值; //这种方式能够使用特殊的属性名对象的属性名没有任何要求,不需要遵守标识符的规范,但是在开 ...
使用变量的值作为JS对象的属性名，从而获取其对应的值
使用变量的值作为JS对象的属性名,从而获取其对应的值 <script>var object={"a":1111,"b":2222};var para ...

js更改对象中属性名的方法

交流

工作之余，不要忘记吃饭了，天天可领哦！

js更改对象中属性名的方法相关推荐

最新文章

热门文章