JavaScript: modify array field name

You can use the method in JavaScript map()to traverse each object in the array and modify the field name.

For example, suppose you have the following array:

const myArray = [
  {
    
     name: "John", age: 25 },
  {
    
     name: "Mary", age: 30 },
  {
    
     name: "Bob", age: 40 }
];
console.log(myArray);

Output result:

{
    
     name: "John", age: 25 },
{
    
     name: "Mary", age: 30 },
{
    
     name: "Bob", age: 40 }

Now if you want to namechange the field name to fullname, you can use the following code:

myArray  = myArray.map((item) => {
    
    
  return {
    
    
    fullname: item.name,
    age: item.age
  };
});

console.log(myArray);

Output result:

{
    
     fullname: "John", age: 25 },
{
    
     fullname: "Mary", age: 30 },
{
    
     fullname: "Bob", age: 40 }

This results in a modified array myArraywhose field names are fullnameand age.

Note: There are several fields in return, and the final myArray will have several fields. Therefore, even if some fields do not need to modify the name, they must be written.