Convert an array into individual objects and include key-value pairs from a separate object

Question

Convert an array into individual objects and include key-value pairs from a separate object

I am working with two arrays that have the same length:

One is a simple array

numbers = [4,5,6]

The other is an array of objects

objects = [
    {type: "x", value: 7},
    {type: "y", value: 8},
    {type: "z", value: 9}
  ]

My goal is to combine these two arrays into a new array. I want to take the values from the first array and assign them keys as 'item', while combining all the types as shown below:

result = [
   {item: 4, type: "x"},
   {item: 5, type: "y"},
   {item: 6, type: "z"},
  ]

javascript

Answer 1

Answer №1

arr2 = [
  {dog: "x", other: 5},
  {dog: "y", other: 10},
  {dog: "z", other: 15}
];
arr1 = [7,8,9];

let result = [];
for (let j=0; j<arr1.length; j++) {
    result.push({node: arr1[j], dog: arr2[j].dog});
}

console.log(result);

Answer 2

arr2 = [
  {dog: "x", other: 5},
  {dog: "y", other: 10},
  {dog: "z", other: 15}
];
arr1 = [7,8,9];

let result = [];
for (let j=0; j<arr1.length; j++) {
    result.push({node: arr1[j], dog: arr2[j].dog});
}

console.log(result);

Answer 3

Answer №2

If you iterate through arr1 and simultaneously create new objects based on the elements of arr2, you can merge them together

    arr1.map((value, idx) => ({ ...arr2[idx], node: value }))

To only extract the 'cat' property from arr2 while iterating through arr1, use this:

    arr1.map((value, idx) => ({ cat: arr2[idx].cat, node: value }))

arr1 = [1,2,3];

arr2 = [
  {cat: "a", other: 0},
  {cat: "b", other: 0},
  {cat: "c", other: 0}
];

end = arr1.map((value, idx) => ({ cat: arr2[idx].cat, node: value }));

console.log(end)

Answer 4

If you iterate through arr1 and simultaneously create new objects based on the elements of arr2, you can merge them together

    arr1.map((value, idx) => ({ ...arr2[idx], node: value }))

To only extract the 'cat' property from arr2 while iterating through arr1, use this:

    arr1.map((value, idx) => ({ cat: arr2[idx].cat, node: value }))

arr1 = [1,2,3];

arr2 = [
  {cat: "a", other: 0},
  {cat: "b", other: 0},
  {cat: "c", other: 0}
];

end = arr1.map((value, idx) => ({ cat: arr2[idx].cat, node: value }));

console.log(end)

Convert an array into individual objects and include key-value pairs from a separate object

Answer №1

Answer №2

Similar questions

Having trouble converting a JSON array into a JavaScript array upon creation

Store the text area content as a JSON object

Reload the MEN stack webpage without the need to reload the entire page

What is the best way to reset a dropdown list value in angular?

Encountering issues with link functionality on homepage due to React-Router v6 and Material-UI Tab integration

Angular 4 encounters a hiccup when a mistake in the XHR request brings a halt to a

Tips for preventing redirection in Vue 3 composition API with asynchronous requests

The click event triggered by the onclick clone/function may not always activate the click handler

Building a matrix-esque table using d3.js reminiscent of HTML tables

Continue to run upon clicking the button in the Document Object Model

Displaying Hierarchical Data with AngularJS and ng-repeat

Select Menu (Code Languages:CSS, JS, HTML, BBCode)

What is the process for editing a JSON file and preserving the modifications?

Executing a function to erase the stored value in local storage during an Angular unit test

Looking for a JavaScript code to create a text link that says "submit"?

Is it possible for me to display dynamic content and utilize a template engine like (ejs)?

React Higher Order Components (HOCs) are functioning correctly with certain components but not

Tips on deleting CSS comments from a CSS file

Update the positioning of the element to center instead of the default top left origin using jQuery

Detecting Scroll on Window for Specific Element using Jquery