Combining two arrays to form a javascript object

by

You could as well do this in a more data-centric manner:

const columns = ["Date", "Number", "Size", "Location", "Age"]

const rows = [
  ["2001", "5", "Big", "Sydney", "25"],
  ["2005", "2", "Med", "Melbourne", "50"],
  ["2012", "20", "Huge", "Brisbane", "80"]
]

const result = rows.map(row =>
  row.reduce(
    (result, field, index) => ({ ...result, [columns[index]]: field }),
    {}
  )
)

console.log(result)

UPDATE 2022: Using a now more common syntax (short functions)

Here’s the original snippet:

var columns = ["Date", "Number", "Size", "Location", "Age"];

var rows = [
  ["2001", "5", "Big", "Sydney", "25"],
  ["2005", "2", "Med", "Melbourne", "50"],
  ["2012", "20", "Huge", "Brisbane", "80"]
];

var result = rows.map(function(row) {
  return row.reduce(function(result, field, index) {
    result[columns[index]] = field;
    return result;
  }, {});
});

console.log(result)

This way you would not have to deal with the temporary arrays.

In case your code should work on ancient browsers as well, I’d recommend to take a look at lodash for using map + reduce.

More Related Contents:

  1. Pick data from array of objects and return new object
  2. How to get all the values associated with an object in array?
  3. How to remove all duplicates from an array of objects?
  4. What is the difference between ( for… in ) and ( for… of ) statements?
  5. Group array of object nesting some of the keys with specific names
  6. Remove array element based on object property
  7. Sum similar keys in an array of objects
  8. Sort array of objects by single key with date value
  9. How to add an object to an array
  10. Add property to an array of objects
  11. How to update an “array of objects” with Firestore?
  12. Find and remove objects in an array based on a key value in JavaScript
  13. How can I get the index of an object by its property in JavaScript?
  14. Why Array.indexOf doesn’t find identical looking objects
  15. What is the performance of Objects/Arrays in JavaScript? (specifically for Google V8)
  16. Why do empty JavaScript arrays evaluate to true in conditional structures?
  17. Create an empty object in JavaScript with {} or new Object()?
  18. How do I remove an object from an array with JavaScript? [duplicate]
  19. break array of objects into separate arrays based on a property
  20. Getting index of an array’s element based on its properties
  21. Group by, and sum, and generate an object for each array in JavaScript
  22. Push Object in Array [duplicate]
  23. Uncaught TypeError: Object.values is not a function JavaScript
  24. JavaScript: Remove duplicates of objects sharing same property value
  25. Filtering array of objects by searching nested object properties
  26. traversing through JSON string to inner levels using recursive function
  27. Javascript pushing objects into array changes entire array
  28. Declaring array of objects
  29. Node.js – console.log does not show items in array but instead shows [Object]
  30. How to get all keys with values from nested objects

Leave a Comment