Dada una array de javaScript y la tarea es imprimir verdadero si todos los valores de la array son iguales usando javaScript.
Enfoque 1:
- Primero obtenga la array de elementos.
- Páselo a una función de flecha, que llama a cada método() en cada elemento de la array y devuelve verdadero si cada elemento coincide con el primer elemento de la array.
Ejemplo 1: este ejemplo usa el método array.every() para imprimir la respuesta deseada.
<!DOCTYPE HTML>
<html>
<head>
<title>
Check if all values of array are
equal using JavaScript functions
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<p id = "GFG_UP" style =
"font-size: 15px; font-weight: bold;">
</p>
<button onclick = "gfg_Run();">
click here
</button>
<pre id = "GFG_DOWN" style =
"color:green; font-size: 20px; font-weight: bold;">
</pre>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
var arr = [1, 1, 1, 1];
el_up.innerHTML =
"Click on button to check if all values are"
+ " equal<br><br>" + arr;
const allEqual =
arr => arr.every( v => v === arr[0] );
function gfg_Run() {
el_down.innerHTML = allEqual(arr);
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Enfoque 2:
- Primero obtenga la array de elementos.
- Páselo a una función, que llama al método reduce() en el elemento de la array.
- Devuelve verdadero si cada elemento coincide con el primer elemento de la array.
Ejemplo: este ejemplo usa el método array.reduce() para imprimir el falso para la array dada.
<!DOCTYPE HTML>
<html>
<head>
<title>
Check if all values of array are
equal using JavaScript functions
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<p id = "GFG_UP" style =
"font-size: 15px; font-weight: bold;">
</p>
<button onclick = "gfg_Run();">
click here
</button>
<pre id = "GFG_DOWN" style =
"color:green; font-size: 20px; font-weight: bold;">
</pre>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
var arr = ["GFG", "GFG", "GFG", "GfG"];
el_up.innerHTML = "Click on button to check if all"
+ " values are equal<br><br>" + arr;
function allEqual(arr) {
if(!arr.length) return true;
return arr.reduce(function(a, b)
{return (a === b)?a:(!b);}) === arr[0];
}
function gfg_Run() {
el_down.innerHTML = allEqual(arr);
}
</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 PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA