連想配列操作(valueが空文字の時、nullにしたい)

Question

前提・実現したいこと

以下のような配列があります。

const member = [
    {
        name: 'tanaka',
        age: '19',
        sex: '',
        hobby: 'baseball'
    },
    {
        name: 'yoshida',
        age: '23',
        sex: 'male',
        hobby: ''
    }
];

JavaScriptを使って、''のように空文字で入っているvalueを、nullにしたいです。


### 試したこと

sexやhobbyなど、空文字になっているものが分かっている場合filter()を使ってその配列を抜き出せることは分かるのですが、
上記はあくまで例で、実際はどの値が空文字で入っているかは分からない状態です。
そこで、連想配列の中で value === '' のものを null に置き換えるような処理が書きたく、
方法を調べてみたのですが、良い方法が分かりませんでした。
ご教授お願い致します。

Answer 1

一度中身をObject.entriesで配列にして、その後にObject.fromEntriesかreduceで元に戻すのが分かりやすいかと思います。

const convertedMember = member.map(v => Object.fromEntries(Object.entries(v).map(([key, value]) => [key, value === '' ? null : value])))
// または
const convertedMember = member.map(v => Object.entries(v).reduce((acc, [key, value]) => ({ ...acc, [key]: value === '' ? null : value }), {}))


console.log(convertedMember)

Answer 2

JSON.parse(JSON.stringify(member).replace(/""/g,"null"))

とか。

Comments

[west_side_park]

ご回答ありがとうございます！
まさしくその通りで期待通りの動きができました。

[otn]

replace(/:""/g, ":null") のほうが良いかも。