打字稿：数字 | Array<number> 不能进行数组操作[重复]

Question

当有这样的类型时，即使在执行数组操作之前检查tyepof，我也无法执行数组操作：

type Demo = {
    [countryName: string]: number | Array<number>
}

我不得不使用as number 并根据需要创建尽可能多的时间变量。 这是一个简化的示例，但它可能会变得非常难看： Playground reproduction

var countries:Demo = {
    'spain': 0,
    'italy': 20,
    'germany': [0, 1, 2]
};

var total: number = 0;
for (var country in countries) {
    if(typeof countries[country] === "number"){  //<--- useless?
        total += countries[country] as number;   // forced to use it
    }
    else{
        var tmpCountries = countries[country] as Array<number>;  //<--- forced tmp variable
        for(let i = 0; i<tmpCountries.length; i++){
            total += countries[country] as number;  //<-- again as number?
        }
    }
}

在我们的代码中，我们希望根据条件对其应用数字运算和数组运算的这种对象的处理方式是什么？

Answer 1

你可以这样做：

type Demo = {
    [countryName: string]: number | Array<number>
}

var countries:Demo = {
    'spain': 0,
    'italy': 20,
    'germany': [0, 1, 2]
};

var total: number = 0;
for (var country in countries) {
    let c = countries[country] // number | number[]
    if(typeof c === "number"){
        total +=c //number
    }
    else{
        // c number[]
        for(let i = 0; i<c.length; i++){
            total += c[i]
        }
    }
}

TS Playground