[SOLUCIONADO] Sumar en un For

[dgrvedado]

Hola Foro!!!

Tengo este codigo javascript

Código:

function sumarCual(arrid) {
	ids = arrid.split(",");	
	
	var totalcual;
		for (var x=0; x<ids.length; x++) {
			element = "total_dimcual"+ids[x];
			//alert(element);
			subtotal = document.getElementById(element).value;
			totalcual = parseInt(totalcual) + subtotal;
		}
	alert(totalcual);
	document.getElementById("total_cual").value=totalcual;
}

Un ejemplo de datos que paso son: 1,2,3,4,5,6,7,8
El alert me muestra el id de mis elementos inputs que deseo leer. Los cuales tienen valores diferentes.
Si hago un alert(subtotal) me va mostrando uno a uno los valores que tengo.
En PHP por lo general si deseo hacer esto, hago algo parecido a esto:

Código PHP:

  $array = array(1,4,6,7,9);
for ($i=0;$i<10;$i++) {
 $subtotal = $array[$i];
 $total = $total + $subtotal;
} 
   

Pero en Javascript no logro totalcual vaya sumando esto. Alguna sugerencia...

[Alexis88]

El valor que debes de parsear a entero es el del cada caja de texto pues llegan como cadenas. Tú estás parseando el acumulado.

También puedes usar los métodos iterativos del objeto Array y hacer algo como esto:

Código Javascript:

var total = [].map.call(document.querySelectorAll("[id^=total_dimcual]"), function(elem){
    return parseInt(elem.value);
}).reduce(function(prev, next){
    return prev + next;
});
 
console.log(total); //Muestra la suma total de los valores de los <input> cuyo id empieza por "total_dimcual"
 

El método .map() crea un nuevo array con los valores del array pasado como argumento o por los valores devueltos por la llamada de retorno, que en este caso devuelve el valor entero de cada caja de texto, mientras que el método .reduce() reduce a un solo elemento a todos los elementos del array adjunto, que en este caso es el array resultante del método anterior. En la llamada de retorno de este método, devuelvo la suma del valor previo (al iniciar, es el primero de los elementos del array) con el valor actual (al iniciar, es el segundo de los elementos del array).

Saludos

[PHPeros]

Principalmente deberías iniciar la variable totalcual a 0:

Código Javascript:

var totalcual = 0;
 

Y lo que comenta Alexis...

[Jorge35]

Como dice PHPeros la variable totalcual debe ser inicializada en 0 para evitar que te devuelva NaN y te recomiendo darle parseInt al subtotal.

totalcual no necesita parseInt ya que fue declarada como Int anteriormente y no es necesario volver a hacerlo.

al hacer la suma no se necesita totalcual = totalcual + subtotal, solo con poner totalcual += subtotal;

[dgrvedado]

Gracias por contestar, había probado lo de setear a 0 totalcual, pero no habia parseado a entero lo que traia de los inputs. Al parsear resolví todo.

Gracias