Dada una array y es la tarea de encontrar la suma y el producto de los valores de una array usando JavaScript.
Método simple: utiliza un método simple para acceder a los elementos de la array mediante un número de índice y usa el ciclo para encontrar la suma y el producto de los valores de una array usando JavaScript.
Ejemplo 1: este ejemplo usa un método simple para encontrar la suma de los elementos de Array usando JavaScript.
<!DOCTYPE html>
<html>
<head>
<title>
How to Find the sum of Values
of an Array in JavaScript?
</title>
</head>
<body style="text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<h3>
How to Find the sum of Values
of an Array in JavaScript?
</h3>
<h4>
----Given Array----<br>
[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
</h4>
<button onclick="myFunction()">Click</button>
<p id="gfg"></p>
<script>
$(document).ready(function() {
$("button").click(function() {
function sum(input) {
if (toString.call(input) !== "[object Array]")
return false;
var total = 0;
for(var i=0;i<input.length;i++) {
if(isNaN(input[i])) {
continue;
}
total += Number(input[i]);
}
return total;
}
document.getElementById("gfg").innerHTML
= "----Sum of Array----" + "<br>"
+ sum([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]);
});
});
</script>
</body>
</html>
Producción:
Ejemplo 2: este ejemplo usa un método simple para encontrar el producto de los elementos de Array usando JavaScript.
<!DOCTYPE html>
<html>
<head>
<title>
How to Find the product of Values
of an Array in JavaScript?
</title>
</head>
<body style="text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<h3>
How to Find the product of Values
of an Array in JavaScript?
</h3>
<h4>
----Given Array----<br>
[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
</h4>
<button onclick="myFunction()">Click</button>
<p id="gfg"></p>
<script>
$(document).ready(function(){
$("button").click(function(){
function product(input) {
if (toString.call(input) !== "[object Array]")
return false;
var total = 1;
for(var i=0;i<input.length;i++) {
if(isNaN(input[i])){
continue;
}
total *= Number(input[i]);
}
return total;
}
document.getElementById("gfg").innerHTML
= "----product of Array----" + "<br>"
+ product([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]);
});
});
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Uso del método reduce(): el método reduce() de array en JavaScript se usa para reducir la array a un solo valor y ejecuta una función proporcionada para cada valor de la array (de izquierda a derecha) y el valor de retorno de la función se almacena en un acumulador.
Sintaxis:
array.reduce( function( total, currentValue, currentIndex, arr ), initialValue )
Ejemplo 1: Este ejemplo usa el método array reduce() para encontrar la suma de los valores de un Array usando JavaScript.
<!DOCTYPE html>
<html>
<head>
<title>
How to Find the sum of Values
of an Array in JavaScript?
</title>
</head>
<body style="text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<h3>
How to Find the sum of Values
of an Array in JavaScript?
</h3>
<h4>
----Given Array----<br>
[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
</h4>
<button onclick="myGeeks()">
Click Here!
</button>
<br><br>
Sum: <span id="GFG"></span>
<script>
var arr=[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
function sumofArray(sum, num) {
return sum + num;
}
function myGeeks(item) {
document.getElementById("GFG").innerHTML
= arr.reduce(sumofArray);
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Ejemplo 2: Este ejemplo usa el método array reduce() para encontrar el producto de los valores de un Array usando JavaScript.
<!DOCTYPE html>
<html>
<head>
<title>
How to Find the product of Values
of an Array in JavaScript?
</title>
</head>
<body style="text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<h3>
How to Find the product of Values
of an Array in JavaScript?
</h3>
<h4>
----Given Array----<br>
[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
</h4>
<button onclick="myGeeks()">
Click Here!
</button>
<br><br>
Product: <span id="GFG"></span>
<script>
var arr=[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
function productofArray(product, num) {
return product * num;
}
function myGeeks(item) {
document.getElementById("GFG").innerHTML
= arr.reduce(productofArray);
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Publicación traducida automáticamente
Artículo escrito por SHUBHAMSINGH10 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA