Cómo filtrar objetos en JavaScript?

Mientras se programan en JavaScript, a menudo queremos eliminar los valores repetidos o no válidos contenidos en un objeto o eliminar los objetos que contienen ciertos valores. En tales casos, filtrar los objetos en JavaScript puede ayudar a reducir la complejidad y eliminar las entradas adicionales para que el código sea legible y comprensible.

Este blog demostrará los métodos para filtrar objetos en JavaScript.

Cómo filtrar el objeto en JavaScript?

Un objeto se puede filtrar en JavaScript aplicando el "filtrar()" método:

• Con "buscar()" método
• En "Valores booleanos de objetos"
• Basado en el "condición"

Veamos cada uno de los escenarios mencionados uno por uno!

Método 1: Objeto de filtro en JavaScript aplicando métodos filtre () y búsqueda ()

El "filtrar()El método "crea una nueva gama de elementos de acuerdo con la condición aplicada. Mientras que el "buscar()El método "busca la cadena especificada en una matriz. Estos métodos se pueden usar para buscar un valor de objeto en particular y filtrarlo.

formación.Filtro (función (corriente, índice, arr), esto)

En la sintaxis dada, la "función"Se refiere a la función que debe ejecutarse para cada elemento de matriz, y los valores de argumento de la función se refieren a la"índice"Del elemento actual en una matriz y"este"¿Es el valor pasado a la función?.

cadena.búsqueda (valor)

En la sintaxis anterior, el método de búsqueda () busca el "valor"En la cadena dada.

Ejemplo
En primer lugar, declare una variedad de objetos con el "nombre"Propiedades y valores correspondientes:

Deje objData = [nombre: "Rock", id: "1", vivo: verdadero,
nombre: "John", id: "2", vivo: verdadero,
nombre: "David", id: "3", vivo: falso]

Después de eso, aplique el método filtre () en el valor del "vivo"Propiedad de tal manera que el objeto tiene el valor booleano de la propiedad especificada como"FALSO"Se filtrará de la matriz:

Deje objData = [nombre: "Harry", nombre: "David", nombre: "Alisa"]

A continuación, el "filtrar()"El método se aplicará con el valor"artículo"Como su argumento que se pasará a la matriz de objetos accedidos de tal manera que"buscar()"El método buscará el valor específico del objeto"Harry”Y filtáralo utilizando el método anterior:

Dejar filtreBJ = objData.filtro ((elemento) => elemento.nombre.buscar ("harry"))

Finalmente, los objetos filtrados se mostrarán en la consola:

consola.log ("Los objetos filtrados son:", FilterObj)

La salida correspondiente será la siguiente:

Se puede ver que el valor especificado se filtra desde la matriz de objetos dados.

Método 2: Filtro Objeto en JavaScript aplicando el método Filter () basado en los valores booleanos del objeto

El "filtrar()El método se puede utilizar de manera similar en este método para filtrar los objetos accediendo a sus propiedades específicas y filtrándolos en función de los valores booleanos correspondientes de las propiedades agregadas.

Ejemplo
En el siguiente ejemplo, declararemos de manera similar una matriz de objetos que contienen una cadena, numéricas y propiedades de tipo booleano y sus valores correspondientes:

Deje objData = [nombre: "Rock", id: "1", vivo: verdadero,
nombre: "John", id: "2", vivo: verdadero,
nombre: "David", id: "3", vivo: falso]

Después de eso, aplique el método Filter () en el valor de la propiedad "viva" de tal manera que el objeto que tenga el valor booleano de la propiedad especificada como "falso" se filtrará desde la matriz:

const filtroBj = objData.filtro ((elemento) => elemento.vivo);

Como resultado, los objetos filtrados que tienen el valor booleano "verdadero"Se registrará en la consola:

consola.log ("Los objetos filtrados son:", FilterObj);

Producción

Método 3: Objeto de filtro en JavaScript aplicando el método Filter () basado en la condición

En este método particular, utilizaremos el "filtrar()Método para filtrar una propiedad de objeto particular basada en la condición adicional en su argumento.

Mire el siguiente ejemplo para la demostración.

Ejemplo
Primero, declare una matriz de objetos de la siguiente manera:

Deje objData = [nombre: "Rock", id: "1", vivo: verdadero,
nombre: "John", id: "2", vivo: falso,
nombre: "David", id: "3", vivo: falso]

A continuación, aplique el "filtrar()"Método en la propiedad de" ID "del objData de tal manera que los objetos que tengan ID menos de tres se almacenarán en el"FilterObj"Y el resto se obsoletará:

Dejar filtreBJ = objData.filtro ((elemento) => elemento.identificación < 3);

Por último, registre los objetos filtrados que satisfacen la condición anterior en la consola:

consola.log ("Los objetos filtrados son:", FilterObj);

En la salida dada, se puede observar que los objetos se filtran en función del valor de "identificación"Independientemente de los valores booleanos asignados.

Hemos discutido varios métodos para filtrar objetos en JavaScript.

Conclusión

Para filtrar objetos en JavaScript, aplique el "filtrar()" y "buscar()"Métodos en combinación para buscar el valor del objeto y filtrarlo. Además, solo el filtro () se puede utilizar para filtrar la propiedad de un objeto en función de las condiciones agregadas. Este artículo ha explicado tres métodos para filtrar objetos en JavaScript.