Ya te respondieron varios ejemplos de implementación. De una u otra manera todos hacen esto
Tenemos un array de números y queremos llegar a otro array compuesto de sus totales
[x1...xn]
┗━┓
┣━━━ y = numero_a_total(x)
┏━┛
┃
[y1...yn]
Tenemos que determinar una función numero_a_total
que para un número x
cuyos dígitos son abc
calcula su suma
numero_a_total(abc) = a+b+c
numero_a_total
puede representarse como la combinación de varias funciones:
Una que convierte un número a su representación en string
numero_a_string(abc) = 'abc'
Otra que convierte un string en un arreglo de caracteres
string_a_caracteres('abc') = ['a', 'b', 'c']
Otra que convierte caracteres a digitos
caracteres_a_digitos( ['a','b','c'])=[a,b,c]
// que es lo mismo que
['a', 'b', 'c'].map(caracter_a_digito) =[a,b,c]
Y finalmente una que recibe un arreglo de dígitos y devuelve su suma
suma_de_digitos([a,b,c]) = a+b+c
Que se puede modelar como un pipeline
abc = xn ━━┓
┃
┣━━ 'abc' = numero_a_string(abc)
┃
┣━━━ ['a', 'b', 'c'] = string a caracteres('abc')
┃
┗━━━ [a,b,c] = ['a', 'b', 'c'].map(caracter_a_digito)
┃
┗━━━ a+b+c = suma_de_digitos([a,b,c])
yn = a+b+c ━━┛
Implementaciones de numero_a_string
. Todas son equivalentes:
String(n)
n.toString(10)
''+n
n.toFixed()
Para convertir ese string
en string[]
(es trivial separar un string en sus dígitos) también te han dado ejemplos. Los siguientes son equivalentes
str.split('')
str.match(/\d/g)
Object.values(str)
`${n}`.split('')
Mapear el resultado a un arreglo de números. Son equivalentes
Number(str)
1*str
parseFloat(str)
parseInt(str,10)
El meollo: sumar array de números
Puedes usar cualquier loop
const suma1=(arr) => {
let x=0
for(let k of arr) {
x+=k
}
return x
}
podemos inicializar x en el argumento, ahorramos una línea
const suma1=(arr,x=0) => {
for(let k of arr) {
x+=k
}
return x
}
const suma2=(arr,x=0)=>{
while(arr.length) {
x+=arr.pop()
}
return x
}
Si es por ponerse originales, a mí se me ocurrió esta:
const suma3=(arr,x=0) => arr.length? suma3(arr,x+=arr.pop()):x
pero reduce
es el el método más conciso y elegante
const suma4=(arr)=>arr.reduce((total, k) => total+k, 0)
Y si quieres reprocesar un array sumando los dígitos de sus elementos, y del resultado un array sumando los dígitos de sus elementos, y así hasta tener una cifra por elemento, puedes hacer una recursión:
const sampleArray=[...Array(6)].map(n=>5000+parseInt(Math.random()*5000,10))
/**
* @param {number} cifra
* @return {number}
*/
function collapse(cifra) {
return Object.values(String(cifra))
.map(Number)
.reduce((total,digito)=>total+digito,0);
}
/**
* @param {number[]} arrIn
* @return {number[]}
*/
function collapseRecursive(arrIn) {
let arrayOut=arrIn.map(collapse)
console.log(`[${arrIn.join(', ')}] => [${arrayOut.join(', ')}]`)
return arrayOut.some(n=>n>9)? collapseRecursive(arrayOut):arrayOut;
}
collapseRecursive(sampleArray)
Bonus Track
Gracias a esta pregunta aprendí que Array.from
acepta un segundo parámetro, una función (por defecto identity) para mapear los elementos del array que estás creando.
Lo siguiente consolida los pasos 'palabra_a_caracteresy
caracteres_a_numeros` del pipeline en uno solo:
Array.from('123',Number)
// [1, 2, 3]
Así que podríamos resolver el problema con:
const numero_a_total= (x) => Array.from(String(x), Number)
.reduce((accum,n) => accum+n, 0);