Переименование свойств объекта в массиве объектов - PullRequest
Новая
       4

Переименование свойств объекта в массиве объектов

4 голосов
/ 18 февраля 2020

У меня следующая структура: 

const data = {
    invoices: [
        {
            Date: "2018-12-18T00:00:00.000Z",
            InvoiceNumber: "59"
        },
        {
            Date: "2018-12-18T00:00:00.000Z",
            InvoiceNumber: "59"
        }
    ]
};

Я хочу переименовать все экземпляры InvoiceNumber в CreditNoteNumber, чтобы получить следующее: 

const data = {
    invoices: [
        {
            Date: "2018-12-18T00:00:00.000Z",
            CreditNoteNumber: "59"
        },
        {
            Date: "2018-12-18T00:00:00.000Z",
            CreditNoteNumber: "59"
        }
    ]
};

Я пробовал различные например, следующие вещи: 

var changed = data.invoices.map(function(item) {
    return {
        ...data.invoices,
        CreditNoteNumber: item.InvoiceNumber
    };
});

Однако спред выталкивает CreditNoteNumber за пределы объекта.

Ответы [ 5 ]

8 голосов
/ 18 февраля 2020

Просто используйте destruct и переименуйте 

const data = {
  invoices: [
    {
      Date: "2018-12-18T00:00:00.000Z",
      InvoiceNumber: "59"
    },
    {
      Date: "2018-12-18T00:00:00.000Z",
      InvoiceNumber: "59"
    }
  ]
};

var changed = data.invoices.map(
  ({ Date, InvoiceNumber: CreditNoteNumber }) => ({ Date, CreditNoteNumber })
);

console.log(changed);
3 голосов
/ 18 февраля 2020

Нет такой операции, как "переименование" свойства в JavaScript.

Вам нужно будет удалить свойство, которое вы больше не будете иметь sh, чтобы сохранить: 

const data = {
  invoices: [
    {
      Date: "2018-12-18T00:00:00.000Z",
      InvoiceNumber: "59"
    },
    {
      Date: "2018-12-18T00:00:00.000Z",
      InvoiceNumber: "59"
    }
  ]
};

const changed = data.invoices.map(item => {
  const obj = {
    ...item,
    CreditNoteNumber: item.InvoiceNumber
  };
  delete obj.InvoiceNumber
  return obj
});

console.log(changed)
2 голосов
/ 18 февраля 2020

Вы можете использовать функцию map вместе с функцией Object.assign следующим образом:

Следующий подход не изменяет исходный объект 

const data = {invoices: [{Date: "2018-12-18T00:00:00.000Z",InvoiceNumber: "59"},{Date: "2018-12-18T00:00:00.000Z",InvoiceNumber: "59"}]},
      result = data.invoices.map(({InvoiceNumber: CreditNoteNumber, ...items}) => Object.assign({}, items, {CreditNoteNumber}));

console.log(result);

Если вы хотите изменить исходный объект, вместо него можно использовать forEach: 

const data = {invoices: [{Date: "2018-12-18T00:00:00.000Z",InvoiceNumber: "59"},{Date: "2018-12-18T00:00:00.000Z",InvoiceNumber: "59"}]};

data.invoices.forEach((item) => {
  item.CreditNoteNumber = item.InvoiceNumber;
  delete item.InvoiceNumber;
});

console.log(data);
2 голосов
/ 18 февраля 2020 
var changed = data.invoices.map(function(item) {
  return {
    Date: item.Date,
    CreditNoteNumber: item.InvoiceNumber
  };
});
1 голос
/ 18 февраля 2020

лучший вариант - создать новый объект со свойством item.CreditNoteNumber и использовать a для каждого l oop для итерации и переназначения значений новому объекту.

после создания нового объекта назначьте новый объект исходному объекту data.invoices. 

const data = {invoices: [{Date: "2018-12-18T00:00:00.000Z",InvoiceNumber: "59"},{Date: "2018-12-18T00:00:00.000Z",InvoiceNumber: "59"}]};

var newInvoices = [];

data.invoices.forEach((item) => {
 let invoice = {};
     invoice.Date = item.Date;
     invoice.CreditNoteNumber = item.InvoiceNumber;

  newInvoice.push(invoice);
});

data.invoices = newInvoices;

console.log(data.invoices);
...