change key to another value javascript

Question

How to change the key of students[0] 'John' to: NickName

  var students = [];

  students.push( { Name: 'John', Track: 'HTML', Score: 2000 } );

  students.push( { Name: 'Ron', Track: 'CSS', Score: 2400 } );

  students.push( { Name: 'Jim', Track: 'javaScript', Score: 2800 } );

So it will look like this:

{ NickName: 'John', Track: 'HTML', Score: 2000 }

Answer 1

students[0].NickName = students[0].Name;
delete students[0].Name;

Answer 2

Avoid using delete. Read this

Simply use map

students = students.map(student => ({
    NickName: student.Name,
    Track: student.Track,
    Score: student.Score,
}))

Or using JS ES6+

students.map(({ Name: NickName, ...student }) => ({ NickName, ...student }))

For just one index

students = students.reduce((acc, curr, index) => {
    if (index !== 0)
        return curr

    return ({
        NickName: curr.Name,
        Track: curr.Track,
        Score: curr.Score,
    })
}, [])

Answer 3

As explained in this thread, the simple, non-optimized way is:

students[0].NickName = students[0].Name;
delete students[0].Name;

But there are more optimized and clever ways to do it, I let you discover them in the thread mentioned.

Answer 4

If you want it as a utility function:

function convertNameToNickName(obj) {
  obj.NickName = obj.Name;
  delete obj.Name;
}

convertNameToNickName(students[0]);

Answer 5

var students = [];
students.push( { Name: 'John', Track: 'HTML', Score: 2000 } );
students.push( { Name: 'Ron', Track: 'CSS', Score: 2400 } );
students.push( { Name: 'Jim', Track: 'javaScript', Score: 2800 } );
Object.prototype.renameProperty = function (oldName, newName) {
    // Check for the old property name to avoid a ReferenceError in strict mode.
    if (this.hasOwnProperty(oldName)) {
        this[newName] = this[oldName];
        delete this[oldName];
    }
    return this;
};

students.forEach(function(ele) {
    ele.renameProperty('Name','Nickname')
})
console.log(students)

Answer 6

using .map() we can achieve this easily

var newArray = students.map((currentValue, index, array) => {
  currentValue['NickName'] =currentValue['Name'];
  delete currentValue['Name'];
  return currentValue;
})

console.log(newArray)