Combining two arrays of names and values into a fresh object using Javascript

Question

Combining two arrays of names and values into a fresh object using Javascript

Trying to merge two arrays, one for column headers:

cNames = ["Year","Count"]

And another for data:

mData  = ["2005",50212,"2006",51520,"2007",52220,"2008",52143]

The goal is to combine them like this:

[
    {
        Year: "2005",
        Count: 50212
    },
    {
        Year: "2006",
        Count: 51520
    },
    {
        Year: "2007",
        Count: 52220
    },
    {
        Year: "2008",
        Count: 52143
    }
]

Tried to achieve this with:

var data;
for (var i=0; i < mData.length; i++) {
    for (var j=0; j < cNames.length; j++) {
        data[cNames[j]]=mData[i];
    }
}

. . . but the output was not as expected. Any suggestions on how to fix this would be greatly appreciated!

javascript arrays json

Answer 1

Answer №1

To dynamically push elements to an array based on the length of the key array, you can use the reduce method in JavaScript. This approach allows for working with arrays of any size, as long as the keys and values align properly.

var cNames = ["Year","Count"]
var mData  = ["2005",50212,"2006",51520,"2007",52220,"2008",52143]

var arr = mData.reduce( (a,b,i) => {
  if (i%cNames.length === 0) 
    a.push(mData.slice(i,cNames.length+i).reduce((c,d,j) => (c[cNames[j]] = d, c),{}));
  return a;
}, []);

console.log(arr)

Answer 2

To dynamically push elements to an array based on the length of the key array, you can use the reduce method in JavaScript. This approach allows for working with arrays of any size, as long as the keys and values align properly.

var cNames = ["Year","Count"]
var mData  = ["2005",50212,"2006",51520,"2007",52220,"2008",52143]

var arr = mData.reduce( (a,b,i) => {
  if (i%cNames.length === 0) 
    a.push(mData.slice(i,cNames.length+i).reduce((c,d,j) => (c[cNames[j]] = d, c),{}));
  return a;
}, []);

console.log(arr)

Answer 3

Answer №2

Here is a step-by-step guide on how to accomplish this task

const labels = ["Year", "Count"];
const data = ["2005", 50212, "2006", 51520, "2007", 52220, "2008", 52143];

let index = 0;
let finalResult = [];
while(index < data.length){
    let temporaryObject = {};
    for(let j=0; j<labels.length; j++){
        temporaryObject[labels[j]] = data[index+j];
    }
    finalResult.push(temporaryObject);
    index += labels.length;
}
console.log(finalResult);

Answer 4

Here is a step-by-step guide on how to accomplish this task

const labels = ["Year", "Count"];
const data = ["2005", 50212, "2006", 51520, "2007", 52220, "2008", 52143];

let index = 0;
let finalResult = [];
while(index < data.length){
    let temporaryObject = {};
    for(let j=0; j<labels.length; j++){
        temporaryObject[labels[j]] = data[index+j];
    }
    finalResult.push(temporaryObject);
    index += labels.length;
}
console.log(finalResult);

Answer 5

Answer №3

Or perhaps we can try a different method :)

var categories = ["Year","Count"];
var data  = ["2005",50212,"2006",51520,"2007",52220,"2008",52143];

var result = [];
for (var i = 0; i < data.length; i+=categories.length) {
  var object = {};
  for (var j = 0; j < categories.length; j++) {
    object[categories[j]] = data[i + j];
  }
  
  result.push(object);
}

console.log(result);

Answer 6

Or perhaps we can try a different method :)

var categories = ["Year","Count"];
var data  = ["2005",50212,"2006",51520,"2007",52220,"2008",52143];

var result = [];
for (var i = 0; i < data.length; i+=categories.length) {
  var object = {};
  for (var j = 0; j < categories.length; j++) {
    object[categories[j]] = data[i + j];
  }
  
  result.push(object);
}

console.log(result);

Answer 7

Answer №4

Check out this code snippet that performs the task

cNames = ["Type","Quantity"];
mData  = ["Apple",50,"Banana",25,"Orange",30,"Grapes",40];

var combinedData = [];
var i = 0;
mData.forEach(function(value,index){
 if(i%2==0)
 {
   var itemToPush = {};
   itemToPush[cNames[0]] = value;
   itemToPush[cNames[1]] = mData[index + 1];
   combinedData.push(itemToPush);
 }
 i++;
});

console.log(combinedData);

Answer 8

Check out this code snippet that performs the task

cNames = ["Type","Quantity"];
mData  = ["Apple",50,"Banana",25,"Orange",30,"Grapes",40];

var combinedData = [];
var i = 0;
mData.forEach(function(value,index){
 if(i%2==0)
 {
   var itemToPush = {};
   itemToPush[cNames[0]] = value;
   itemToPush[cNames[1]] = mData[index + 1];
   combinedData.push(itemToPush);
 }
 i++;
});

console.log(combinedData);

Answer 9

Answer №5

let categories = ["Year","Count"];
let mainData  = ["2005",50212,"2006",51520,"2007",52220,"2008",52143];

let newData = [];
let numOfCategories = categories.length; 

while(mainData.length > 0)
  {
  let values = mainData.splice(0,numOfCategories);
  let tempObj = {};
  for(let j=0; j<numOfCategories; j++) tempObj[categories[j]] = values[j];
  newData.push(tempObj);
  }

console.log(JSON.stringify(newData));

Answer 10

let categories = ["Year","Count"];
let mainData  = ["2005",50212,"2006",51520,"2007",52220,"2008",52143];

let newData = [];
let numOfCategories = categories.length; 

while(mainData.length > 0)
  {
  let values = mainData.splice(0,numOfCategories);
  let tempObj = {};
  for(let j=0; j<numOfCategories; j++) tempObj[categories[j]] = values[j];
  newData.push(tempObj);
  }

console.log(JSON.stringify(newData));

Combining two arrays of names and values into a fresh object using Javascript

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Similar questions

Tips for retrieving the ID value of the <li> element using JavaScript and AJAX

Is it possible for setInterval to trigger restarts in Apache?

Building personalized error messages using graphql-js and express

Using regular expressions in JavaScript, we can separate a paragraph into individual sentences

develop a Java 2D array

Error: Attempting to access the 'clipboard' property on an undefined object results in a TypeError when invoking this.$q.electron.clipboard

Is it possible to dynamically load a specific div when the page loads, relying on the

js respond with connection

Calculate the sum of a specific column in an HTML table using JavaScript after

What causes the disappearance of CSS styles when attempting to modify the className in react js?

Automated browsing: identifying the difference between AJAX and iframes

Is it a cookie-cutter function?

Using Angular JS to submit forms on a regular basis

Node.js Twitter Typeahead.js failing to retrieve suggestions

Using PHP for Salesforce API integration

The OOP functionality in Three.JS seems to be malfunctioning, as certain elements are not being properly accessed and displayed

Leveraging nested objects within React state

Unable to successfully transfer a document

"Enhancing Functionality: A Detailed Guide on Callback Functions in Express

Is there a way to make a selected option stay selected in vue.js 2?