JS_js修改无限级数组对象键名

「爱情、让人受尽委屈。」 2022-09-11 13:28 144阅读 0赞

需求：替换数组对象中ids为id，name为label，当children为空数组的时候，删除children子节点

# 方法一 #

let list = [{ 
    		ids: 1,
    		name: '蔬菜',
    		children: []
    	},
    	{ 
    		ids: 2,
    		name: '水果',
    		children: [{ 
    			ids: 22,
    			name: '香蕉',
    			children: []
    		}]
    	}
    ]
    
    var key = 'childrens'
    
    function parseJson(arr) { 
    	arr = arr.slice()
    
    	function toParse(arr) { 
    		arr.forEach(function(item) { 
    			item.label = item.name
    			delete item.name
    			if (item.children.length > 0 && Array.isArray(item.children)) { 
    				item[key] = item.children
    				toParse(item[key])
    			}
    			delete item.children
    		})
    		return arr
    	}
    	return toParse(arr)
    }
    console.log(parseJson(list))

# 方法二 #

let list = [{ 
    	ids: 1,
    		name: '蔬菜',
    		children: []
    	},
    	{ 
    		ids: 2,
    		name: '水果',
    		children: [{ 
    			ids: 22,
    			name: '香蕉',
    			children: []
    		}]
    	}
    ]
    
    let stlist = JSON.stringify(list);
    stlist = stlist.replace(/\"ids"/g, '"id"');
    stlist = stlist.replace(/\"name"/g, '"label"');
    stlist = stlist.replace(new RegExp(/(,"children":\[\])/g), '');
    console.log(JSON.parse(stlist));

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5bCP5q2qIHwg5YmN56uv_size_19_color_FFFFFF_t_70_g_se_x_16]

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5bCP5q2qIHwg5YmN56uv_size_19_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/4b9e6986c95c4397b6c5d08064eda20b.png

发表评论取消回复

表情：

评论列表（有 0 条评论，144人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery获取数组的键名,键值

var checkid = ['a'];//数组 for(var key in checkid){ var value = ch

冷不防/ 2023年07月03日 07:27/ 0 赞/ 1 阅读

相关如何拿到对象中键值对的键名_对象键

如何拿到对象中键值对的键名 I adore JavaScript objects. Love them. You're probably asking "well, wh

川长思鸟来/ 2023年02月22日 03:35/ 0 赞/ 11 阅读

相关 php 数组修改键名,php 修改数组的键名

原数组 ~~~ $fans = pdo\_getall('mc\_mapping\_fans', \[\], \['nickname','openid'\]); arra

妖狐艹你老母/ 2022年11月12日 12:54/ 0 赞/ 414 阅读

相关问题三：修改传给后端的键名

问题：页面的数据是后端返回的，并用后端数据渲染的表格，但是当前表格选中之后要把数据传给后端，但是其中的数据的中的一个字段必须要修改掉方法：正则表达式替换掉 >

刺骨的言语ヽ痛彻心扉/ 2022年10月16日 06:29/ 0 赞/ 153 阅读

相关 js获取对象数组的最深层级数

数据结构： { id: 0, label: '0' children: [ {

电玩女神/ 2022年10月08日 14:29/ 0 赞/ 175 阅读

相关 JS_js修改无限级数组对象键名

需求：替换数组对象中ids为id，name为label，当children为空数组的时候，删除children子节点方法一 let list = [{

「爱情、让人受尽委屈。」/ 2022年09月11日 13:28/ 0 赞/ 145 阅读

相关 js中修改数组对象中对象的键名

场景分析：一个数据字典列表，如下 let dictList = [ { id: 1, name: "sn", desc: "序列号"}, { id

- 日理万妓/ 2022年08月28日 11:51/ 0 赞/ 267 阅读

相关 hibernate 获取实体的表名、主键名、列名(转载+修改)

package com.escs.utils; import java.util.Iterator; import or

分手后的思念是犯贱/ 2022年06月15日 07:18/ 0 赞/ 334 阅读

相关修改后端返回数据中的键名

这个问题是我在用Vue的ElementUI中做项目（级联选择器）时遇到的。假如我们想要得到如下结构的返回数据： options: [ {value:

￡神魔★判官ぃ/ 2022年02月25日 09:14/ 0 赞/ 255 阅读

相关 js怎样获取循环获取对象的键名遍历对象的键名

有些时候需要遍历js对象获取键名 let myObj = { name: 'pujie', age: 18 } let tempArr = Objec

叁歲伎倆/ 2022年02月21日 18:45/ 0 赞/ 1350 阅读