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

Create a modal using the base of a[href^=“#id”]

What could be causing the failure of the update for this computed property in my Vue 3 application?

Retrieve the key values from an object of a generic type

Altering the color of a div based on a specified value condition

What is the HTML code to display a table and a video/image side by side?

Ways to verify whether any of the variables exceed 0

What steps should I take to modify the API addresses within the React project build?

If the option is 'Gel', use an if statement to console log

How come my Bootstrap tooltip title only updates once when I use the keydown event in jQuery?

Launch a dialogue box by clicking on the buttons corresponding to the article ID

Automatically fill in checkboxes based on user input

What is the best way to extract HTML using selenium.webdriver in Python?

Encountering the issue of "unexpected error: autocomplete is not defined" when trying to retrieve information

If variable is greater than, hide the division element

Encountering issues with configuring an Express server with HTTPS

Adjust the divs right element by adding or removing 1 pixel for every size change in the browser

Is there a method to retrieve all Class elements without using a for-loop?

Accessing Properties in React.js: A Guide

The development chrome extension failed to load due to an invalid port or malformed URL pattern

Utilizing express.js to access an HTML document