可以将数字或数字数组作为参数并返回字符串或字符串数​​组的函数

Question

我正在创建一个用作复利计算器的网站。用户以诸如本金，利率，年度捐款，投资年限等形式输入值。然后使用这些值进行计算，然后在<table>中显示的程序中进行计算。

计算要求美元金额值的类型为number，但是当在<table>中显示这些值时，我需要将它们格式化为美元金额并且类型为string.我试图创建一个可以接受数字或数字数组并返回字符串或字符串数​​组的函数（数组部分工作正常，我无法使数字部分正常工作）：

/**
*formatAsDollarAmount takes a number or an
array of numbers and returns them formatted as strings "$xx.xx"
*@param x a number or an array of numbers 
*@return String "$xx.xx" or ["$xx.xx", "$xx.xx"]
*/
function formatAsDollarAmount(x){
  if(typeof(x) == 'number')
  {
    x = "$" + x.toFixed(2); //Doesn't work because strings are immutable? 
  }
  else if (Array.isArray(x)) {
    for(i = 0; i < x.length; i++)
    {
      x[i] = "$" + x[i].toFixed(2); //toFixed(2) converts a number to a string keeping two decimal places (it also rounds properly).
    }
  }
  else{
    console.log("Error from formatAsDollarAmount()");
  }
}

此功能的使用示例：

let balanceArray = [1000, 1070, 1060] //An array storing the balance of an investment year over year ($1000 in year 1, $1070 in year 2, $1060 in year 3)
let annualAddition = 100; //Contribute $100 annually
formatAsDollarAmount(balanceArray); //this statement works fine and the array will be equal to ["$1000", "$1070", "$1060"]
formatAsDollarAmount(annualAddition); //This statement does nothing

现在，我认为formatAsDollarAmount();不能与number一起工作的原因是，参数与字符串的不变性有关，但是我不确定吗？

为什么该函数不能使用number作为参数？有没有一种方法可以按我需要的方式格式化number和array的函数，还是应该创建两个单独的函数？

Answer 1

您没有从函数中返回。如果输入是数组，则将map及其回调concat $与array元素一起使用。 map将返回一个新数组。

function formatAsDollarAmount(x) {
  if (typeof(x) == 'number') {
    return "$" + x.toFixed(2);
  } else if (Array.isArray(x)) {
    return x.map(item => "$" + item.toFixed(2))
  } else {
    console.log("Error from formatAsDollarAmount()");
  }
}
let balanceArray = [1000, 1070, 1060]
let annualAddition = 100;
console.log(formatAsDollarAmount(balanceArray));
console.log(formatAsDollarAmount(annualAddition));

Answer 2

传递数字而不是字符串的原因不起作用，是因为使用数字数组时，您正在将引用传递给该数组，因此，当您更改值时，您将更改引用。当您传递一个数字时，您将按值传递，在这种情况下，将没有引用。

您应该改为返回值，因此，请使用映射将项目映射到新的字符串数组，否则只需以所需格式将数字作为字符串返回即可。

function isValidNumber(val) {
  if (typeof val != 'number') throw new Error(`"${val}" is not a valid numeric value`)
  return true
}

function formatAsDollarAmount(val) {
  if (Array.isArray(val)) return val.map(i => isValidNumber(i) && `$${i.toFixed(2)}`)
  if (isValidNumber(val)) return `$${val.toFixed(2)}`
}

console.log(formatAsDollarAmount(1232))
console.log(formatAsDollarAmount([Math.random() * 100, 134, 3453, Math.random() * 100000]))
try {
  console.log(formatAsDollarAmount('asdf'))
} catch (e) {
  console.error(e.message)
}