JavaScriptのあるオブジェクトが空の場合、バックエンドと疎通をする際に送信するリクエストボディの特定のキーを除外したい

Question

聞きたいこと

バックエンドと疎通をする際に、下のようなJavaScriptのオブジェクトをaxiosを使用して送信しています。
ただ、送信するオブジェクトに存在している、キー questions ansewrs に関しては、バリューで使用しているオブジェクト自体が空であればバックエンドの送信しない仕様としたいと思っています。

• オブジェクト

{
  id: id, // -> string
  name: name, // -> string
  division: division, // -> string
  prefecture: prefecuture, // -> string
  birthday: birthday, // -> Date
  gender: gender,// -> number
  questions: questions, // -> Object
  answers: answers, // -> Object
  :
}

今思いつくのだと、下のようにそれぞれのキーに対するバリューがから出ないかチェックする方法しか思いつきません。

if (question && answers) {
  axios
    .post('/api/sample/', {
       id: id,
       name: name,
       division: division,
       prefecture: prefecuture,
       birthday: birthday,
       gender: gender,
       questions: questions,
       answers: answers,
    })
    .then(res => {
       :

    })
    .catch(error => {
       :
    });

}

if (question) {
  axios
    .post('/api/sample/', {
       id: id,
       name: name,
       division: division,
       prefecture: prefecuture,
       birthday: birthday,
       gender: gender,
       questions: questions,
       // answers: answers,
    })
    .then(res => {
       :

    })
    .catch(error => {
       :
    });

}

if (answer) {
  axios
    .post('/api/sample/', {
       id: id,
       name: name,
       division: division,
       prefecture: prefecuture,
       birthday: birthday,
       gender: gender,
       // questions: questions,
       answers: answers,
    })
    .then(res => {
       :

    })
    .catch(error => {
       :
    });

}

もっとスマートに実装するためのライブラリーや方法などありましたら教えていただきたいです。

Comments

[Lhankor_Mhy]

axios について詳しくないので的外れでしたら申し訳ないのですが、少し試してみたところ、undefined を渡すと送信データに含まれないようでした。

Answer 1

普通にオブジェクトを一旦変数にいれて、フィルタしてからaxiosに与えればよいのでは？

axiosの知識がなくてもうしわけないですがaxiosってjsonを介さずにobjectを
サーバーに送れるものなのでしょうか？

const data={
id: "aaa",
name: "bbb",
division: "ccc",
prefecture: "ddd",
birthday: new Date(),
gender: 1,
questions: undefined,
answers: {test:2},
};
["questions","answers"].forEach(x=>{
  if(typeof data[x]=="undefined") delete(data[x]);
});
console.log(data);

Comments

[yambejp]

fetchでテスト
const body=Object.entries(data).reduce((x,y)=>(x.append(y[0],y[1]),x),new FormData());
fetch("send.php",{body,method:"post"}).then(res=>res.text()).then(console.log);