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

最新推荐文章于 2023-02-10 09:58:33 发布

小歪 | 前端

最新推荐文章于 2023-02-10 09:58:33 发布

阅读量295

点赞数 1

分类专栏： # JS 文章标签： javascript html

本文链接：https://blog.csdn.net/weixin_44599931/article/details/120343521

版权

JS 专栏收录该内容

162 篇文章 4 订阅

订阅专栏

需求：替换数组对象中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));