Объединение данных из 2 массивов в новый массив как объект - Javascript

Question

У меня есть два массива, один состоит из всех штатов страны, а другой - всех районов каждого штата.

array1 содержит все штаты и их данные, как показано ниже:

stateArray = [ {state1data1: info, state1data2: info}, {state2data1: info, state2data2: info} ]

array2 содержит все районы и их данные для каждого штата, как показано ниже:

districtArray = [ {state1district1: {districtData}, state1district2: {districtData} }, {state2district1: {districtData}, state2district2: {districtData} } ]

Данные из обоих массивов могут быть идентифицированы с помощью его значения индекса. Например, если stateArray имеет состояние в индексе 0, то в DistrictArray все районы из этого конкретного штата в индексе 0.

Теперь я пытаюсь создать новый массив, который будет получать состояния из данных stateArray и District. этого конкретного государства из DistrictArray и добавить, как указано. Примерно так:

array3 = [ {state1data1: info, state1data2: info, state1districtdata: {state1district1: {districtData}, state1district2: {districtData} } }]

Я понятия не имею, как этого добиться. Буду благодарен, если кто-нибудь укажет мне правильное направление.

Answer 1

let array3 = [];
for(let i = 0; i < districtArrray.length; i++) {
    let obj = {... stateArray[i]};
    obj[i].state1districtdata = districtArray[i];
    array3.push(obj);
}