Как заменить элемент в массиве объектов?

Question

[Artemio95]

[
          {
            amount: "300",
            comment: "Пятерочка",
            dayId: "-Mn_9kcozuK98LBnPihZ",
            name: "Магазин",
            id: "-Mn_AzYqJF0Rqesyb_g1",
          },
          {
            amount: "123",
            comment: "123",
            dayId: "-Mn_9kcozuK98LBnPihZ",
            name: "123",
            id: "-Mn_FtCRj7A8SmAGo4hv",
          },
        ];

Есть вот такой массив. Я в форме редактирования поменял данные у какого-то элемента. Как теперь можно изменить текущий массив, изменив объект со старыми данными на новые? Приходит на ум

this.records = this.records.filter(({id}) => id !== this.recordId)
        this.records.push(data)

Где мы сначала убираем по нужному id, а потом просто пушим новый с тем же id, но с новыми данными. Но может есть более элегантный способ?

Answer 1

[Александр]

this.records.map(entry => entry.id === this.recordId
    ? data
    : entry
);

Comments

[Artemio95]

Не работает сиё решение - не заменяет

[Александр]

Artemio95, А Вы прямо так вставили, или всё-таки дописали this.records =?

[Artemio95]

Александр, видимо ошибся вначале, сейчас работает, спасибо. Интересный код, я столько раз пользовался map и не знал, что так можно

Answer 2

[holymotion]

this.records = this.records.map(entry => entry.id !== this.recordId ? entry : data);