如何从连接值的数组中返回整数？

Question

我已经完成了创建小费计算器的简单任务，如下所示：约翰和他的家人去度假，去了 3 家不同的餐馆。账单分别为 124 美元、48 美元和 268 美元。为了给服务员小费，John 创建了一个简单的小费计算器（作为一个函数）。他喜欢在账单低于 50 美元时给账单的 20% 小费，当账单在 50 美元到 200 美元之间时给 15% 的小费，如果账单超过 200 美元则给 10% 的小费。最后，John 想要 2 个数组：1) 包含所有三个小费（每个账单一个） 2）包含所有三个最终支付金额（账单 + 小费）。**我遇到的问题是我的 finalAmounts 数组返回连接的值而不是 billAmounts + tips 的所需总和，结果如下：**支付总额：12418.6、489.60、26826.80我想要的结果当然是：142.6、47.60 和 294.80这是我的代码：var billAmounts = [    124,    48,    268];function tipCaluclator(bill) {    if (bill < 50) {        percentage = (20/100);    } else if (bill >= 50 && bill < 200) {        percentage = (15/100);    } else {         percentage = (10/100);    }    var tip = percentage * bill;    //return tip amount to 2 decimal places    return tip.toFixed(2);};=var tips = [    tipCaluclator(billAmounts[0]),    tipCaluclator(billAmounts[1]),    tipCaluclator(billAmounts[2])];console.log('These are the tip amounts: ', tips)var finalAmounts = [    billAmounts[0] + tips[0],    billAmounts[1] + tips[1],    billAmounts[2] + tips[2]];console.log('These are the full amounts: ', finalAmounts);

Answer 1

两个主要提示：

1. 函数;=后删除tipCaluclator。

2. 在.toFixed(2)输出值之前避免调用。这些实际上变成了字符串——它们不再是用于其他计算的数字。通过其他一些更小的代码更新，这是一个工作代码示例（至少据我了解您的任务）：

const billAmounts = [

  124,

  48,

  268,

]

const numbersToCurrencyStrings = nums => nums.map(num => `$${num.toFixed(2)}`)

const tipCalculator = (bill) => {

  if (bill < 50) {

    return bill * .2

  } else if (bill >= 50 && bill < 200) {

    return bill * .15

  }

  return bill * .1

}

// Calculate tips

const tips = billAmounts.map(tipCalculator)

console.log('These are the tip amounts: ', numbersToCurrencyStrings(tips))

// Add matching tips to bills

const finalAmounts = billAmounts.map((bill, idx) => bill + tips[idx])

console.log('These are the full amounts: ', numbersToCurrencyStrings(finalAmounts))