Al tratar con los datos a granel, puede haber un requisito para eliminar algunas entradas debido a una actualización. Por ejemplo, eliminar los valores en función de un atributo o propiedad en particular. Esto da como resultado el acceso conveniente a los datos relevantes y la eliminación de entradas no deseadas. En tales situaciones, eliminar un objeto de una matriz por su valor en JavaScript es muy útil para acceder a los datos al instante y guardar la memoria.
Este artículo discutirá los enfoques para eliminar un objeto de una matriz por su valor en JavaScript.
¿Cómo quitar/eliminar un objeto de una matriz por su valor en JavaScript?
Para eliminar un objeto de una matriz por su valor en JavaScript, aplique los siguientes enfoques:
¡Discutamos cada uno de los enfoques indicados uno por uno!
Enfoque 1: eliminar un objeto de una matriz por su valor en JavaScript utilizando los métodos findIndex() y splice()
Los ' buscarÍndice() El método devuelve el índice (posición) del elemento sin realizar ninguna modificación en la matriz original. Los ' empalme() El método agrega/elimina los elementos particulares de la matriz y también afecta la matriz original. Estos métodos se pueden utilizar para ubicar el índice del objeto que debe eliminarse. Después de eso, el objeto en particular se empalma según el número especificado.
Sintaxis
array.findIndex ( función ( currVal, índice, matriz ) , valor )En esta sintaxis:
- “ función ” se refiere a la función que debe llamarse para cada elemento de una matriz.
- Los parámetros de la función se refieren al índice del valor actual en la matriz especificada.
- “ valor ” indica el valor que se debe pasar a la función como “ este ”.
matriz.empalme ( índice, número, nuevo )
En la sintaxis anterior:
- “ índice ” apunta a la posición donde se supone que se deben agregar o quitar los elementos.
- “ en uno ” representa el número del artículo.
- “ nuevo ” corresponde a los elementos nuevos como reemplazo.
Ejemplo
Sigamos el código indicado a continuación:
< guion escribe = 'texto/javascript' >dejar matriz dada = [ { años: 18 } , { años: 20 } , { años: 25 } ] ;
dejar eliminarObjeto = matrizDada.findIndex ( objeto = > {
devolver objeto.edad === 18 ;
} ) ;
consola.log ( 'El índice del objeto a eliminar es:' , eliminarObjeto ) ;
matriz dada.empalme ( quitar objeto, 1 ) ;
consola.log ( 'La matriz después de eliminar el objeto por valor se convierte en:' , matriz dada ) ;
guion >
En el fragmento de código anterior:
- Declara una matriz de objetos que tienen las propiedades indicadas.
- En el siguiente paso, asocie el “ buscarÍndice() ” con la matriz declarada en el paso anterior.
- Esto conducirá a iterar a través de cada elemento (objeto) en una matriz.
- Como resultado, se mostrará el índice del objeto en particular de la matriz que coincide con el valor indicado en la propiedad, es decir, 18.
- Después de eso, aplique el “ empalme() ” haciendo referencia al índice obtenido, que eliminará el objeto particular de ese índice.
- Tenga en cuenta que ' 1 ” especifica el número de objetos que deben eliminarse.
- Por último, muestre la matriz del objeto resultante.
Producción
En el resultado anterior, se puede ver que se muestra el índice del objeto en particular y se elimina más adelante.
Enfoque 2: elimine un objeto de una matriz por su valor en JavaScript utilizando el método filter()
Los ' filtrar() El método crea una nueva matriz de elementos que pasan una prueba en particular. Este método se puede aplicar para filtrar el objeto que debe eliminarse en función de una condición a través del operador de comparación.
Sintaxis
matriz.filtro ( función ( valor ) , este )Aquí:
- “ función ” apunta a la función que redirigirá a la función de filtrado.
- “ valor ” es el valor del elemento actual.
- “ este ” indica el valor pasado a la función.
Ejemplo
Repasemos el ejemplo que se indica a continuación:
< guion escribe = 'texto/javascript' >dejar matriz dada = [ { Talla: 35 } , { Talla: 40 } , { Talla: 45 } ] ;
consola.log ( 'La matriz dada es:' , matriz dada )
dejar nuevaMatriz = matrizDada.filtro ( objeto = > {
devolver objeto.tamaño ! == 45 ;
} ) ;
consola.log ( 'La matriz después de eliminar el objeto por valor se convierte en:' , nueva matriz ) ;
guion >
Aplique los siguientes pasos, como se indica en las líneas de código anteriores:
- Del mismo modo, declare una matriz de objetos y muéstrela.
- Después de eso, aplique el “ filtrar() ” haciendo referencia a los elementos (objetos).
- Ahora, filtre la matriz asociada de modo que se forme una nueva matriz en función de la condición satisfecha a través de ' no es igual (! ==) ” operador de comparación.
- Por último, muestre la matriz filtrada.
Producción
El resultado anterior indica que se forma la nueva matriz de objetos filtrados.
Enfoque 3: elimine un objeto de una matriz por su valor en JavaScript usando el método pop ()
Los ' estallido() El método elimina el último elemento de una matriz y también afecta a la matriz original. Este método se puede utilizar para sacar un objeto particular de la matriz y crea una matriz actualizada con el objeto eliminado.
Ejemplo
El siguiente ejemplo ilustra el concepto discutido:
< guion escribe = 'texto/javascript' >dejar matriz dada = [ { nombre: 'Harry' } , { nombre: 'David' } ]
dejar nuevaMatriz = matrizDada.pop ( objeto = > {
devolver object.name = 'Harry'
} )
consola.log ( 'La matriz después de eliminar el objeto por valor se convierte en:' , nueva matriz ) ;
guion >
En el fragmento de código anterior:
- De manera similar, declare una matriz de objetos que tengan las propiedades indicadas.
- En el siguiente paso, aplique el “ estallido() 'método para eliminar el objeto particular que tiene el valor declarado contra la propiedad' nombre ”.
- Como resultado, solo quedará un objeto en la matriz resultante ' nuevoArr ”.
- Finalmente, muestre la matriz del objeto actualizado, es decir, newArr.
Producción
El resultado anterior significa que se cumple el requisito deseado.
Conclusión
Los ' buscarÍndice() ' y ' empalme() ” métodos, el “ filtrar() ” método, o el “ estallido() El método ” se puede aplicar para eliminar un objeto de una matriz por su valor en JavaScript. Estos enfoques eliminan un objeto en particular en función de la indexación, filtrándolo a través del operador no igual (!==) o simplemente mostrándolo según una condición, respectivamente. Este artículo explicó los enfoques para quitar/eliminar un objeto de una matriz por su valor usando JavaScript.