如何用JavaScript从指定对象动态生成目标JSON数组?
解决JavaScript对象转指定结构数组的问题
别发愁,这事儿其实很容易解决!我们只需要利用JavaScript的对象遍历和数组映射方法,就能轻松把对象A转换成你需要的数组AA结构。
实现代码
var A = { "1": [ "1_1", "1_2", "1_3" ], "2": [ "2_1", "2_2" ] }; // 核心转换逻辑 var AA = Object.entries(A).map(([key, values]) => ({ text: key, state: "open", children: values.map(item => ({ text: item })) })); // 验证结果 console.log(AA);
代码解释
Object.entries(A):这个方法会把对象A转换成键值对组成的二维数组,比如[["1", ["1_1", "1_2", "1_3"]], ["2", ["2_1", "2_2"]]],方便我们遍历每一组键和对应的值数组。- 外层
map遍历:对每个键值对进行解构,拿到key(也就是对象A的键,比如"1"、"2")和values(对应的值数组),然后生成包含text、state和children的对象。 - 内层
map遍历:把values数组里的每个元素,转换成只包含text属性的对象,作为children数组的元素。
这个方法既简洁又安全,避免了用for...in遍历对象时可能遇到的原型链污染问题,而且完全符合你要的目标结构。
内容的提问来源于stack exchange,提问作者RamRavi
相关产品推荐
相关产品推荐

