Trova e rimuovi gli oggetti in un array in base a un valore chiave in JavaScript

In alcune situazioni, sono necessari programmatori per scoprire qualsiasi oggetto in base a valori chiave o solo chiavi o valori da un array e rimuoverli da un array. A tale scopo, JavaScript offre alcuni metodi predefiniti, come il metodo Filter () e FindIndex () con il metodo Splice ().

Questo post descriverà i metodi per trovare e rimuovere gli oggetti in un array in base a un valore chiave in JavaScript

Come trovare e rimuovere gli oggetti in un array in base a un valore chiave in JavaScript?

Per trovare e rimuovere gli oggetti in un array, utilizzare i seguenti metodi:

• Metodo spice () con metodo findindex ()
• Metodo Filtro ()

Metodo 1: trovare e rimuovere gli oggetti in un array basato su un valore chiave usando il metodo Splice () con FindIndex ()

Per trovare e rimuovere gli oggetti da un array, usa il “splice ()Metodo "con il"findindex ()"Metodo dell'oggetto array. Il metodo Splice () viene utilizzato per l'aggiunta e la rimozione di elementi da un array e il metodo findindex () è un metodo iterativo che offre una funzione di callback per iterare gli elementi. Questo metodo emette l'indice dell'elemento particolare.

Sintassi

Per trovare l'indice di un elemento in un array, utilizzare la sintassi di seguito:

findindex ((element) => / *… * /)

Per la rimozione di un elemento da un array, utilizzare la sintassi data del metodo Splice ():

giunzione (indice, deletecount)

Nella sintassi sopra:

• "indice"È la posizione dell'elemento specificato per rimuovere.
• "deletecount"È il numero totale di elementi da eliminare.

Esempio

Qui, in primo luogo, creeremo una serie di oggetti:

const arrayobj = [name: 'bob', id: 11,
nome: 'carl', id: 5,
nome: 'aliice', id: 3,
nome: 'alice', id: 1];

Chiama il "findindex ()"Metodo per trovare l'oggetto in base al tasto (ID) e al valore (3) e archivialo in una variabile"INDICEFobject":

const indexOFobject = arrayobj.findindex (object =>
restituire oggetto.id === 3;
);

Quindi, stampare l'indice dell'oggetto:

console.log ("L'indice dell'oggetto che contiene ID: 3 is" + indiceOfObject);

Ora, per aver rimosso quell'oggetto da un array, chiama il "splice ()"Metodo passando l'indice dell'oggetto e il conteggio"1"Ciò indica che verrà rimosso solo un elemento di un array:

Arrayobj.giunzione (indexOfObject, 1);

Infine, stampa l'array sulla console:

console.log (arrayobj);

L'output visualizza l'indice dell'oggetto specificato che è "2"E rimuove con successo quell'oggetto da un array:

Metodo 2: trovare e rimuovere gli oggetti in un array in base a un valore chiave usando il metodo Filter ()

Usa il "filtro()"Metodo per trovare e rimuovere gli oggetti in un array. Il metodo Filter () crea un nuovo array contenente elementi che soddisfano i criteri specificati.

Sintassi

Segui la sintassi data per l'utilizzo di "filtro()" metodo:

filtro ((element) => / *… * /)

Esempio

Chiama il metodo Filter () per filtrare gli elementi di un array il cui ID non è uguale a "3":

const newarrayobj = arrayobj.filtro (object =>
restituire oggetto.id !== 3;
);

Stampa l'array risultante sulla console:

console.log (newarrayobj);

Produzione

Si tratta di trovare ed eliminare gli oggetti in un array in base al valore chiave in JavaScript.

Conclusione

Per trovare e rimuovere gli oggetti in un array, usa "splice ()Metodo "con il"findindex ()Metodo o il "filtro()" metodo. Il metodo Filter () filtra gli elementi che soddisfano i criteri indicati. Mentre il metodo findindex () scopre l'indice dell'elemento e il metodo Splice () lo rimuove da un array. In questo post, abbiamo descritto i metodi per trovare e rimuovere gli oggetti in un array in base a un valore chiave in JavaScript.