[TypeScript]配列にオブジェクトを格納する時の初期化について

備忘録として残す

共通部分

interface TestInterface {
    name: string,
    data: DataInterface[]
}

interface DataInterface {
    date: string,
    value: string
}

空配列を用意してpush()する

let test: TestInterface = {
    name: '',
    data: []
};

test.data.push({
    date: '20191129',
    value: 'いい肉の日'
});

スプレッド演算子を使用して格納する

let test: TestInterface = {} as TestInterface;

test.data = [...(test.data || []), {
    date: '20191129',
    value: 'いい肉の日'
}];

注意点

{} as interfaceで初期化を行うとundefinedが格納される。

スプレッド演算子の方が行数は少ないがスプレッド演算子に慣れていないと可読性は落ちる