JavaScript: 配列フィールド名を変更する

JavaScript でこのメソッドを使用するとmap()、配列内の各オブジェクトを走査し、フィールド名を変更できます。

たとえば、次の配列があるとします。

const myArray = [
  {
    
     name: "John", age: 25 },
  {
    
     name: "Mary", age: 30 },
  {
    
     name: "Bob", age: 40 }
];
console.log(myArray);

出力結果:

{
    
     name: "John", age: 25 },
{
    
     name: "Mary", age: 30 },
{
    
     name: "Bob", age: 40 }

ここで、nameフィールド名を に変更する場合はfullname、次のコードを使用できます。

myArray  = myArray.map((item) => {
    
    
  return {
    
    
    fullname: item.name,
    age: item.age
  };
});

console.log(myArray);

出力結果:

{
    
     fullname: "John", age: 25 },
{
    
     fullname: "Mary", age: 30 },
{
    
     fullname: "Bob", age: 40 }

myArrayこれにより、フィールド名がfullnameおよび となる変更された配列が作成されますage。

注:返されるフィールドは複数あり、最終的な myArray には複数のフィールドが含まれます。したがって、一部のフィールドは名前を変更する必要がない場合でも、名前を変更する必要があります。