js 递归遍历对象、数组、属性

### JavaScript递归遍历包含Map的数组 在JavaScript中，可以通过递归来处理复杂的嵌套数据结构。当涉及到`Map`类型的对象时，可以将其转换为数组形式以便于操作，或者直接通过`Map.prototype.entries()`获取键值对进行递归。 以下是实现递归遍历包含`Map`的数组的一个示例： #### 示例代码 ```javascript // 定义一个包含 Map 的复杂数组 const complexArray = [ { id: 1, data: new Map([ ['key1', 'value1'], ['key2', 'value2'] ]), children: [ { id: 2, data: new Map([['key3', 'value3']]), children: [] } ] }, { id: 3, data: new Map([['key4', 'value4']]), children: [] } ]; // 递归函数定义 function traverseComplexArray(array) { array.forEach(item => { // 处理当前项中的 Map 数据 if (item.data instanceof Map) { item.data.forEach((value, key) => { console.log(`Key: ${key}, Value: ${value}`); }); } // 如果存在子级，则递归调用 if (Array.isArray(item.children) && item.children.length > 0) { traverseComplexArray(item.children); } }); } // 执行递归遍历 traverseComplexArray(complexArray); ``` --- #### 解析说明 1. **初始化数据结构** `complexArray` 是一个包含多个对象的数组，其中每个对象可能含有一个`Map`实例以及一个名为`children`的嵌套数组[^1]。 2. **递归逻辑设计** 使用`forEach`方法逐一遍历数组中的每一项。对于每项中的`data`字段，如果其类型是`Map`，则利用`Map.prototype.forEach()`来访问所有的键值对[^2]。 3. **处理嵌套层次** 当检测到某个对象拥有非空的`children`属性时，再次调用相同的递归函数对该子集执行相同的操作[^3]。 4. **打印结果** 输出每一个`Map`中的键和对应的值，从而完成整个数据结构的遍历[^4]。 --- ###