How to get the value from an array and assign to array of objects?

Question

I am trying to get the values from an array and assign to an array of objects as a new property.
The array of objects:

const employees = [
  {
    firstName: "Ana",
    lastName: "Rosy"
  },
  {
    firstName: "Zion",
    lastName: "Albert"
  },
  {
    firstName: "John",
    lastName: "Doe"
  }
];

An array

const ages = [30, 60, 45]

Desired result

const employees = [
  {
    firstName: "Ana",
    lastName: "Rosy",
    age:30
  },
  {
    firstName: "Zion",
    lastName: "Albert",
    age:60
  },
  {
    firstName: "John",
    lastName: "Doe",
    age:45
  }
];

I tried something like this

const employeesWithAge = (ages) => {
  return employees.map((row) => {
    return {
      ...row,
      age: ages
    };
  });
};
const result = employeesWithAge(ages);
console.log("result", result);

But it adds the entire array of ages to the employees array of objects. Any help will be appreciated

Ivar · Accepted Answer · 2022-02-03 23:41:50Z

1

You can use Array.prototype.map() for this. Use the spread syntax (...) on the current element to copy the properties into a new object, then add the age property based on the ages array, using .map() callback's second parameter (the current index).

employees.map((employee, i) => ({...employee, age: ages[i]}));

Live example:

const employees = [{
    firstName: "Ana",
    lastName: "Rosy"
  },
  {
    firstName: "Zion",
    lastName: "Albert"
  },
  {
    firstName: "John",
    lastName: "Doe"
  }
];

const ages = [30, 60, 45];

const result = employees.map((employee, i) => ({ ...employee, age: ages[i] }));

console.log(result);

answered Feb 3, 2022 at 23:41

Ivar

6,97912 gold badges58 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Garrett Moody · Accepted Answer · 2022-02-03 23:42:22Z

1

I think a simple for loop should solve your problem.

for (let i = 0; i < employees.length; i++) {
  employees[i]["age"] = ages[i];
}

This loop iterates through the length of your list of employee objects and adds a new "age" attribute to each object with the corresponding age in your ages array.

All together I imagine your code looking something like this.

const employees = [
  {
    firstName: "Ana",
    lastName: "Rosy"
  },
  {
    firstName: "Zion",
    lastName: "Albert"
  },
  {
    firstName: "John",
    lastName: "Doe"
  }
];

const ages = [30, 60, 45];

for (let i = 0; i < employees.length; i++) {
  employees[i]["age"] = ages[i];
}

console.log(employees);

answered Feb 3, 2022 at 23:42

Garrett Moody

375 bronze badges

Collectives™ on Stack Overflow

How to get the value from an array and assign to array of objects?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related