Dada una array que contiene elementos de la array y la tarea es eliminar varios elementos de la array mediante JavaScript. Se proporcionan los índices de los elementos que deben eliminarse de la array de JavaScript.
Enfoque 1:
- Almacene el índice de los elementos de la array en otra array que debe eliminarse.
- Inicie un bucle y ejecútelo hasta el número de elementos de la array.
- Use el método splice() para eliminar el elemento en un índice particular.
Ejemplo 1: este ejemplo utiliza el método splice() para eliminar varios elementos de la array.
<!DOCTYPE HTML>
<html>
<head>
<title>
How to remove multiple elements
from array in JavaScript ?
</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_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 arr = ['Geeks', 'GFG', 'Geek', 'GeeksForGeeks'];
up.innerHTML = "Click on the button to remove "
+ "multiple elements.<br>Array = [" + arr + "]";
function GFG_Fun() {
remove = [0, 2];
for (var i = remove.length -1; i >= 0; i--)
arr.splice(remove[i], 1);
down.innerHTML = 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:
- Almacene el índice de los elementos de la array en otra array que debe eliminarse.
- Use el método filter() en la array de elementos.
- Use el método indexOf() para seleccionar solo aquellos elementos que no están presentes en la array de índices.
Ejemplo 2: este ejemplo utiliza el método filter() y el método indexOf() para eliminar varios elementos de la array.
<!DOCTYPE HTML>
<html>
<head>
<title>
How to remove multiple elements
from array in JavaScript ?
</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_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 arr = ['Geeks', 'GFG', 'Geek', 'GeeksForGeeks'];
up.innerHTML = "Click on the button to remove multiple"
+ " elements.<br>Array = [" + arr + "]";
function GFG_Fun() {
var indexes = [0, 1];
arr = arr.filter(function(value, index) {
return indexes.indexOf(index) == -1;
})
down.innerHTML = 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