How does js insert an element into an array object?

before insertion:

var arr = [
    {
        id:1,
        name:""
    },
    {
        id:2,
        name:""
    }
]

after insertion:

var arr = [
    {
        id:1,
        name:"",
        age:18
    },
    {
        id:2,
        name:"",
        age:21
    }
]

how to achieve this with js?


/**
 * 
 * @param {Array} arr 
 */
function newArr(arr) {
  var arr = arr.slice(0); // 
  arr.forEach(function(val, ind) {
    val.age = parseInt(Math.random()*25); //  0-24  age
  })
  return arr;
}

var arr = [
  {
      id:1,
      name:""
  },
  {
      id:2,
      name:""
  }
];

console.log(newArr(arr));
< hr >

can also be changed to:

/**
 * 
 * @param {Array} arr 
 */
function newArr(arr) {
  return arr.map(function(val, ind) {
    return {
      id: val.id,
      name: val.name,
      age: parseInt(Math.random()*25) //  0-24  age
    }
  });
}

var arr = [
  {
      id:1,
      name:""
  },
  {
      id:2,
      name:""
  }
];

console.log(newArr(arr));

let newArr = arr.map(obj => {
    return {
        id: obj.id,
        name: obj.name,
        age: 18
    }
})
Menu