Dadas dos arrays que contienen elementos de array y la tarea es calcular la unión de ambas arrays con la ayuda de JavaScript. Hay dos métodos para resolver este problema que se analizan a continuación:
Enfoque 1:
- Declare ambas arrays denominadas A y B .
- Utilice el operador de distribución para concatenar ambos arreglos y almacenarlos en el conjunto.
- Dado que set elimina los elementos duplicados.
- Después de eliminar los elementos duplicados, mostrará la unión del elemento de array.
Ejemplo: Este ejemplo implementa el enfoque anterior.
html
<!DOCTYPE HTML>
<html>
<head>
<title>
How to compute union of
JavaScript arrays ?
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" id = "h1">
GeeksForGeeks
</h1>
<p id = "GFG_UP" style =
"font-size: 15px; font-weight: bold;">
</p>
<button onclick = "GFG_Fun()">
click here
</button>
<p id = "GFG_DOWN" style =
"color:green; font-size: 20px; font-weight: bold;">
</p>
<script>
var up = document.getElementById('GFG_UP');
var down = document.getElementById('GFG_DOWN');
var A = [7, 2, 6, 4, 5];
var B = [1, 6, 4, 9];
up.innerHTML = "Click on the button to compute"
+ " the union of arrays.<br>"
+ "Array1 - [" + A + "]<br>Array2 - ["
+ B + "]";
function GFG_Fun() {
var union = [...new Set([...A, ...B])];
down.innerHTML = "Union is = " + union;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Enfoque 2:
- Aquí, todos los elementos se almacenan en un objeto JavaScript.
- El almacenamiento de elementos en JavaScript Object eliminará los elementos duplicados.
- Al final, inserte todos los elementos en una array de JavaScript.
Ejemplo: Este ejemplo implementa el enfoque anterior.
html
<!DOCTYPE HTML>
<html>
<head>
<title>
How to compute union of
JavaScript arrays ?
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" id = "h1">
GeeksForGeeks
</h1>
<p id = "GFG_UP" style =
"font-size: 15px; font-weight: bold;">
</p>
<button onclick = "GFG_Fun()">
click here
</button>
<p id = "GFG_DOWN" style =
"color:green; font-size: 20px; font-weight: bold;">
</p>
<script>
var up = document.getElementById('GFG_UP');
var down = document.getElementById('GFG_DOWN');
var A = [7, 2, 6, 4, 5];
var B = [1, 6, 4, 9];
up.innerHTML = "Click on the button to compute"
+ " the union of arrays.<br>" + "Array1 - ["
+ A + "]<br>Array2 - [" + B + "]";
function computeUnion(a, b) {
var object = {};
for (var i = a.length-1; i >= 0; -- i)
object[a[i]] = a[i];
for (var i = b.length-1; i >= 0; -- i)
object[b[i]] = b[i];
var ret = []
for (var i in object) {
if (object.hasOwnProperty(i))
ret.push(object[i]);
}
return ret;
}
function GFG_Fun() {
down.innerHTML = "Union is = "
+ computeUnion(A, B);
}
</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