Как отправлять нужные поля в зависимости от того есть они или нет?

Question

[kachurinets]

onSubmit() {
        let body = {
            name: this.form.value.cityName,
            type: 3,
            parentData: [
                {"glob_id": this.form.value.regionName.region_id},
                {"glob_id": this.form.value.districtName.glob_id},
                {"glob_id": this.form.value.areaName.glob_id}
            ],
            type_id: this.form.value.typeObj.id

        };

В parentData у есть массив обьектов. В каждого есть свойство glob_id с значением. Обьект body отправляется на сервер, но есть проблема, если одно из значений glob_id не будет заполнено, то запрос не выполнится (в массиве отправляется пустой обьект и сервер возвращает ошибку).
Как мне переделать код так, чтобы если одно из значений glob_id будет пустым, то не отправлять этот обьект?

Answer 1

[coderisimo]

Например, перед отправкой удалить пустые объекты.
Как-то так.

parentData= parentData.filter(function(n){ return n.glob_id  != undefined });

PS если "пустой" , значит равный "", то подправьте условие != undefined

Comments

[kachurinets]

В вашем примере проверяется только glob_id, а у меня в примере есть еще region_id . Как быть в такой ситуации, создать условие?

[coderisimo]

kachurinets,


в вашем примере, массив parentData содержит только объекты с ключом glob_id
нет? ))

[kachurinets]

coderisimo, все верно я почему то подумал, что у нас это будет перебираться this.form.value.regionName.region_id}

[coderisimo]

можно попробовать вот так :

onSubmit() {
        let body = {
            name: this.form.value.cityName,
            type: 3,
            parentData: [
                {"glob_id": this.form.value.regionName.region_id},
                {"glob_id": this.form.value.districtName.glob_id},
                {"glob_id": this.form.value.areaName.glob_id}].filter(function(n){ return n.glob_id  != undefined }) ,
            type_id: this.form.value.typeObj.id

        };