React——为什么这一行追加而不是添加

Question

我有其他方法可以做同样的事情..所以我不是在寻找解决这个问题的不同方法......我正在寻找一个解释为什么如果我已经定义了一个整数，它仍然与.map连接为如果它是一个字符串。

我有一组从 API 检索到的基本数据：

"data":["8","8","12","1","7","4","2"]

如果我使用它来映射它

let count = response.data.metrics.data.map((item) => + parseInt(item));

我很难理解为什么将其视为字符串返回

88121743

当我觉得因为我将它解析为整数时，它应该添加并以 42 出现。

这只是使用.map 的问题吗？可以在这里使用快捷数学函数吗？

这是我的Reproducible Example

Answer 1

要对值求和，请使用 Array#reduce 和 parseFloat、Number 函数或一元加号运算符将每个字符串转换为数字。

const visitCount = data.reduce((a,b) => a + parseFloat(b), 0);