Javascript将对象数组重新格式化或映射到新对象数组？比如对它进行改造

const originalArray = [
  { id: 1, name: 'John' },
  { id: 2, name: 'Jane' },
  { id: 3, name: 'Bob' }
];

const newArray = originalArray.map(item => {
  return {
    id: item.id,
    fullName: `Mr./Ms. ${item.name}`
  };
});

console.log(newArray);

const originalArray = [
  { id: 1, name: 'John' },
  { id: 2, name: 'Jane' },
  { id: 3, name: 'Bob' }
];

const newArray = originalArray.reduce((acc, item) => {
  acc.push({
    id: item.id,
    fullName: `Mr./Ms. ${item.name}`
  });
  return acc;
}, []);

console.log(newArray);

const originalArray = [
  { id: 1, name: 'John' },
  { id: 2, name: 'Jane' },
  { id: 3, name: 'Bob' }
];

const newArray = [];
originalArray.forEach(item => {
  newArray.push({
    id: item.id,
    fullName: `Mr./Ms. ${item.name}`
  });
});

console.log(newArray);