Best way to replace key of array in JavaScript? [duplicate]

Answer 1

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

Answer 2

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);

Answer 3

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

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

Answer 4

Use array.map

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

Answer 5

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 }));

Edit: code was missing a closing parenthesis.