Best Way To Replace Key Of Array In Javascript?

This is my array: data = [{'src': 'a'}, {'src': 'b'}, {'src': 'c'}]; But I want to change key like this: data = [{'letter': 'a'}, {'letter': 'b'},

Solution 1:

Use map

var output = data.map( s => ({letter:s.src}) );

Demo

var data = [{
    "src": 'a'
  },
  {
    'src': 'b'
  },
  {
    'src': 'c'
  }
];

console.log(data.map(s => ({
  letter: s.src
})));

But if there are multiple other keys and you only want to change src from it then

var output = data.map( s => {
  if ( s.hasOwnProperty("src") )
  {
     s.letter = s.src;
     delete s.src;   
  }
  return s;
})

Demo

var data = [{
    "src": 'a'
  },
  {
    'src': 'b'
  },
  {
    'src2': 'c'
  }
];

var output = data.map(s => {
  if (s.hasOwnProperty("src")) {
    s.letter = s.src;
    delete s.src;
  }
  return s;
})

console.log(output);

Solution 2:

Use array.map

data.map(function(d) { return { letter: d.src } })

Solution 3:

The easiest way is to use map method. Check it out the documentation

data.map(function(item) {
    return { letter: item.src };
})

Solution 4:

With map you can achieve what you want. Kindly note that map returns a new array and doesn't modify the existing array.

data.map((item) => ({ letter: item.src }));

Solution 5:

var newData = data.map(a => { "letter": a.src })