Обработка ответа от api и обновление данных в массиве

161

26 марта 2019, 22:50

Работаю с vue и api. Получил я массив объектов

let data = [
    {},
    {},
    {},
];

Каждый объект - строка из БД. Всё там как обычно: id и другие поля. Отображаю на странице.

После я обновляю данные одного из этих объектов через пользовательский интерфейс. Отправляю изменённый объект на сервер. И в ответ получаю этот же объект, но как ответ сервера. Как мне теперь записать полученные от сервера обновлённые данные в массив data?

Да, я знаю id. Я могу сделать find(). Но так я не узнаю ключ массива, чтобы обратиться к объекту и заменить его. Как быть?

Пример запроса к серверу

async addService(sample, service_id) {
    let response = await axios.post('/sample-service', {
        'sample_id': sample.id,
        'service_id': service_id,
    });
    //Обработка ответа
},

Answer 1

let data = [
    {},
    {},
    {},
];
async addService(sample, service_id) {
    let response = await axios.post('/sample-service', {
        'sample_id': sample.id,
        'service_id': service_id,
    });
    //Обработка ответа
    for (let i in data) {
        if (data[i].id === response.data.id) {
            data.splice(i, 1, response.data);
            break;
        }
    }
},