Проблема с сохранением FormData в localStorage
У меня есть форма заказа, из которой я создаю объект FormData:
const orderFormData = new FormData();
orderFormData.append('ClientName', this.orderForm.get('clientName').value);
orderFormData.append('Address', this.orderForm.get('address').value);
orderFormData.append('PhoneNumber', this.orderForm.get('phone').value);
Когда пытаюсь сохранить FormData напрямую в localStorage, получаю пустой объект:
saveToStorage(formData) {
localStorage.setItem('orderInfo', JSON.stringify(formData));
}
Текущий подход и проблема
Я нашел способ перебрать FormData, но создается много отдельных объектов:
formData.forEach((value, key) => {
let propertyName = key;
let propertyValue = value;
let singleProperty = {
[propertyName]: propertyValue
};
this.finalOrderData.push(singleProperty);
});
Получается такой результат:
[{ClientName: "Иван"}, {Address: "ул. Пушкина 15"}, {PhoneNumber: "123456"}]
А мне нужен один объект со всеми свойствами:
[{
ClientName: "Иван",
Address: "ул. Пушкина 15",
PhoneNumber: "123456"
}]
Как правильно собрать все пары ключ-значение из FormData в единый объект? Помогите разобраться с этой задачей.