Функция, которая может принимать число или массив чисел в качестве аргумента и возвращать строку или массив строк

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 s, так и array s так, как мне нужно, или я должен создать две отдельные функции?

Answer 1

Причина передачи числа вместо строки не работает, потому что с массивом чисел вы передаете ссылку на массив, поэтому, когда вы изменяете значения, вы меняете ссылку.Когда вы передаете одно число, которое вы передаете по значению, в этом случае нет ссылки.

Вместо этого вы должны вернуть значения, поэтому используйте карту для сопоставления элементов с новым массивом строк,в противном случае просто верните число в виде строки в нужном формате.

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)
}

Answer 2

Вы не возвращаетесь из функции.В случае, когда input является массивом, используйте map и в его обратном вызове concat $ с элементом массива.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));