Creating an object in Javascript using a combination of arrays and variables

Question

Creating an object in Javascript using a combination of arrays and variables

I have two distinct sets of arrays that need to be combined into an object.

x1 = ['US', 'UK', 'China'];
y1 = [1,2,3];
name1 = 'CO2';

x2 = ['US', 'UK', 'China'];
y2 = [4,5,6];
name2 = 'GHG';

The x1 and x2 arrays always contain the same values.

This is the desired outcome:


[{'country': 'US', 'CO2': 1, 'GHG': 2},
{'country': 'UK', 'CO2': 2, 'GHG': 5},
{'country': 'China', 'CO2': 3, 'GHG': 6}]

I attempted to construct the object like this:

var result = {};

x1.forEach(function (key,i) { result.country = key, result[name1] = y1[i] });

However, it only displays the last value:

{country: "China", CO2: 3}

I also tried the following approach:

x1.forEach((key, i) => result[key] = y1[i]);

In this case, the name is not included in the output.

The entire process should be dynamic, which poses additional challenges as I cannot manually assign values as needed.

javascript arrays object

Answer 1

Answer №1

const countriesList1 = ['US', 'UK', 'China'];
const emissions1 = [1, 2, 3];
const pollutant1 = 'CO2';

const countriesList2 = ['US', 'UK', 'China'];
const emissions2 = [4, 5, 6];
const pollutant2 = 'GHG';

const data = countriesList1.map((country, index) => ({
  country,
  [pollutant1]: emissions1[index],
  [pollutant2]: emissions2[index]
}));

console.log(data);

Answer 2

const countriesList1 = ['US', 'UK', 'China'];
const emissions1 = [1, 2, 3];
const pollutant1 = 'CO2';

const countriesList2 = ['US', 'UK', 'China'];
const emissions2 = [4, 5, 6];
const pollutant2 = 'GHG';

const data = countriesList1.map((country, index) => ({
  country,
  [pollutant1]: emissions1[index],
  [pollutant2]: emissions2[index]
}));

console.log(data);

Answer 3

Answer №2

One approach you might consider is iterating through the x1 array and utilizing the data to construct a new result array.

var myResult = {}
for(j = 0; j < x1.length; j++) {
  myResult[j] = {}
  myResult[j]["region"] = x1[j]
  myResult[j][label1] = y1[j]
  myResult[j][label2] = y2[j]
}

console.log(myResult)

Answer 4

One approach you might consider is iterating through the x1 array and utilizing the data to construct a new result array.

var myResult = {}
for(j = 0; j < x1.length; j++) {
  myResult[j] = {}
  myResult[j]["region"] = x1[j]
  myResult[j][label1] = y1[j]
  myResult[j][label2] = y2[j]
}

console.log(myResult)

Answer 5

Answer №3

To achieve this, you can implement the following solution without using a variable x2:

function generateObjects(x1, y1, y2, property1, property2){
  var firstObj = {},
         secondObj = {},
         thirdObj = {};
  var finalResult = [firstObj, secondObj, thirdObj];
  finalResult.forEach((obj, index) => {
    obj.country = x1[index];
    obj[property1] = y1[index];
    obj[property2] = y2[index];
  })

  return finalResult;
  
}

Your current code is only retrieving the last value because it keeps overriding the values of the objects within the forEach loop.

Answer 6

To achieve this, you can implement the following solution without using a variable x2:

function generateObjects(x1, y1, y2, property1, property2){
  var firstObj = {},
         secondObj = {},
         thirdObj = {};
  var finalResult = [firstObj, secondObj, thirdObj];
  finalResult.forEach((obj, index) => {
    obj.country = x1[index];
    obj[property1] = y1[index];
    obj[property2] = y2[index];
  })

  return finalResult;
  
}

Your current code is only retrieving the last value because it keeps overriding the values of the objects within the forEach loop.

Answer 7

Answer №4

const countries = ["USA","UK","China"];
const emissions1 = [1,2,3];
const gas1 = "CO2";
const emissions2 = [4,5,6];
const gas2 = "GHG";

const results = countries.map((country, index) => ({
  country: countries[index],
  emission1: emissions1[index],
  emission2: emissions2[index]
}));

console.log(results)

Answer 8

const countries = ["USA","UK","China"];
const emissions1 = [1,2,3];
const gas1 = "CO2";
const emissions2 = [4,5,6];
const gas2 = "GHG";

const results = countries.map((country, index) => ({
  country: countries[index],
  emission1: emissions1[index],
  emission2: emissions2[index]
}));

console.log(results)

Creating an object in Javascript using a combination of arrays and variables

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Guide on deploying Google App Script add-ons on Google Workspace Marketplace

Comparing Angular6, ReactJS, and VueJS: Which JavaScript framework

Obtain GPS coordinates (latitude/longitude) from a Google map by dropping a marker on the

Using jsTree to Connect to Objects in a Domain

How to retrieve the user-agent using getStaticProps in NextJS

Is there a way to refresh/reload an Angular 2 application without relying on window.location.reload()?

Angular failing to display base64 image when being added to the application

Selecting from dropdown menu showing limited options extracted from XML data

Can a div with float: left; be centered?

React Component - Element with an undefined value

Is there a way to troubleshoot a webpack-compiled npm module effectively?

Insert a fresh item into the existing unordered list

The current limitation of the Dev.to API restricts the display of only the most recent

Autocomplete for Converting Postal Codes to Cities

Tips for changing array items into an object using JavaScript

Sending data with React using POST request

Could anyone clarify the reason behind the success of one function while the failure of the other?

Libraries that provide webkit support for all browsers

Using jQuery to handle multiple AJAX XML requests

Leveraging the power of the Google API within the Dojo module