Merging two arrays by their corresponding IDs and indexes

Question

Merging two arrays by their corresponding IDs and indexes

Within my current project, I am working with two arrays. The first array, arr1, contains a questionID property that I need to use to combine it with arr2 based on the condition where arr1 questionID equals arr2 index.

For example, if arr1 questionID is 1, it should be matched with arr2 index 1.

I am wondering if achieving this outcome is feasible.

Although I have made an attempt using the code provided below, it seems to only combine the arrays based on their respective indexes:

this.combinedArray = [this.content, this.studyQuestions].reduce((a, b) => a.map((c, i) => Object.assign({}, c, b[i]))

javascript arrays vue.js multidimensional-array

Answer 1

Answer №1

If my interpretation is correct, you have the ability to map arr1 into a new array. The map function takes the full item from arr1 - ...item and grabs the complete item from arr2 at the specific index specified by questionID - ...arr2[item.questionID.

Here is how it functions to collect

const arr1 = [{
  questionID: 0,
  prop: 'value1.1'
}, {
  questionID: 2,
  prop: 'value1.2'
}]

const arr2 = [{
    prop1: 'value2.1'
  },
  {
    prop1: 'value2.2'
  },
  {
    prop1: 'value2.3'
  }
];

const combinedArray = arr1.map((item, index) => ({
  ...item,
  ...arr2[item.questionID]
}));

console.log(combinedArray);

Answer 2

If my interpretation is correct, you have the ability to map arr1 into a new array. The map function takes the full item from arr1 - ...item and grabs the complete item from arr2 at the specific index specified by questionID - ...arr2[item.questionID.

Here is how it functions to collect

const arr1 = [{
  questionID: 0,
  prop: 'value1.1'
}, {
  questionID: 2,
  prop: 'value1.2'
}]

const arr2 = [{
    prop1: 'value2.1'
  },
  {
    prop1: 'value2.2'
  },
  {
    prop1: 'value2.3'
  }
];

const combinedArray = arr1.map((item, index) => ({
  ...item,
  ...arr2[item.questionID]
}));

console.log(combinedArray);

Merging two arrays by their corresponding IDs and indexes

Answer №1

Similar questions

Displaying numerous pointers on Google Maps by utilizing PHP arrays that are populated with information extracted from a MySQL database

Press the button to reveal the table - jQuery/JavaScript

Attempting to mark fields as required with asterisks using React Final Form in a React project

A guide on efficiently traversing a disk directory, recursively fetching all paths in relative format, and converting them into a JSON stream with node.js

Steps for Building and Exporting a Next.js Project Without Minification and Optimization

Challenges Encountered When Working with React.useState()

Issues with dynamically generating buttons using Ajax and Javascript technology

Issues arise when props do not get transferred successfully from the getStaticPaths() to the getStaticProps

Tips for modifying the language of an Angular Application's OneTrust Cookie Banner

Having trouble navigating to the end of a webpage while using Python for web scraping and Spotify's web player?

Is the Webpack vendors JS bundle in Vue CLI containing unlisted code that is not in the dependencies or package-lock.json file?

Unchecked checkbox displays as checked in UI

Using conditional statements with a series of deferred actions in jQuery

How can I utilize Javascript, HTML, JQuery, and CSS to dynamically set a variable based on a HTML Select's OnChange event, perform calculations, and automatically update the result?

Here are some tips for retrieving information from a JavaScript object

Retrieve information using AJAX via POST method

Attempting to assign the object retrieved from the interface as the new value for window.location.href

What is the best way to conceal all input elements in a form?

"jquery-ajax was unable to complete the request, whereas it was successfully executed using

Modifying the title of a tab in Chrome with Vue: A step-by-step