JavaScript数组数据的合并与处理

在 Javascript 编程中，有时需要将两个具有不同结构的数组进行合并。下面我们将通过具体的例子来说明如何实现这一目标。

### 第一个数组的数据结构
第一个数组包含多个对象，每个对象有两个属性：`dataContent` 和 `topic`。例如：
```Javascript
const array1 = [
{
dataContent: 'data:image/png;base64,iVBORw0KGgo#ANSUhEUg#rIA',
topic: '名称'
},
// 其他对象...
];
```

### 第二个数组的数据结构
第二个数组是一个嵌套数组，每个子数组包含多个对象，每个对象有 `content`, `grand`, `percent`, `resultCount`, `validPercent` 属性。例如：
```Javascript
const array2 = [
[
{ content: '户籍一', grand: 0, percent: 0, resultCount: 0, validPercent: 0 },
{ content: '户籍二', grand: 0, percent: 0, resultCount: 0, validPercent: 0 }
],
[
{ content: '人均500元', grand: 0, percent: 0, resultCount: 0, validPercent: 0 },
{ content: '人均300元', grand: 0, percent: 0, resultCount: 0, validPercent: 0 },
{ content: '人均400元', grand: 0, percent: 0, resultCount: 0, validPercent: 0 }
],
// 其他子数组...
];
```

### 合并两个数组
为了将这两个数组合并成一个新的数组，我们需要遍历第一个数组中的每个对象，并将其与第二个数组中对应位置的子数组进行组合。具体实现如下：
```Javascript
const mergedArray = array1.map((item, index) => ({
...item,
exportContent: array2[index]
}));

console.log(mergedArray);
```

### 最终结果
合并后的数组将具有以下结构：
```Javascript
[
{
dataContent: 'data:image/png;base64,iVBORw0KGgo#ANSUhEUg#rIA',
topic: '名称',
exportContent: [
{ content: '户籍一', grand: 0, percent: 0, resultCount: 0, validPercent: 0 },
{ content: '户籍二', grand: 0, percent: 0, resultCount: 0, validPercent: 0 }
]
},
// 其他合并后的对象...
];
```

通过这种方式，我们可以轻松地将两个不同结构的数组合并为一个新的数组，从而更好地管理和处理数据。