Come rimuovere l'elemento dall'array in base al valore in JavaScript

Come Rimuovere L Elemento Dall Array In Base Al Valore In Javascript



Un array è una combinazione di elementi archiviati in una singola variabile. JavaScript fornisce vari metodi per aggiungere, rimuovere e modificare elementi da un array. Ogni elemento ha un indice univoco per identificare la sua posizione nell'array. In questa guida lo farai rimuovere gli elementi dall'array passando loro valori usando JavaScript filtro() e giuntare() metodi. Considerando questi metodi integrati, il contenuto di questa guida è il seguente.

Metodo 1: rimuovere l'elemento dall'array in base al valore utilizzando il metodo splice() in JavaScript

In JavaScript, un metodo integrato array.splice() viene utilizzato per rimuovere l'elemento dall'array. Il metodo restituisce la nuova matrice rimuovendo il valore dell'elemento, che viene passato attraverso l'indice. Lo scopo dell'utilizzo di questo metodo è sovrascrivere l'array aggiungendo o rimuovendo gli elementi dall'array. Discutiamo della sintassi.

Sintassi







Vettore. giuntura ( in , nessuno , Oggetti )

I parametri sono descritti come segue:



  • in: specificare il numero di indice per rimuovere l'elemento.
  • nessuno: rappresenta il numero da rimuovere.
  • Oggetti: fare riferimento all'aggiunta di elementi nell'array.

Codice



cost arr = [ { nessuno : 5 } , { nessuno : 10 } , { nessuno : quindici } ] ;

cost idxOgg = arr. trovaIndice ( oggetto => {
Restituzione oggetto. nessuno === 10 ;
} ) ;

arr. giuntura ( idxOgg , 1 ) ;
consolle. tronco d'albero ( arr ) ;

Il codice narra la rimozione di un oggetto di cui nessuno il valore è 10 . In questo codice, il arr.splice() il metodo viene utilizzato per rimuovere un elemento passando il idxOgg indice dal arr Vettore. Infine, il nuovo array viene visualizzato utilizzando il file console.log() metodo.





Produzione

L'output restituisce il nuovo array, la cui lunghezza è 2. In questo nuovo array, l'elemento il cui valore è uguale a 10 viene rimosso tramite il arr.splice() metodo in JavaScript.



Metodo 2: rimuovere l'elemento dall'array utilizzando il metodo filter() in JavaScript

Il filtro() viene utilizzato per filtrare un array in base ai criteri specificati. In questo metodo, gli utenti possono specificare il valore per la rimozione degli elementi nell'array. Il filtro() il metodo esegue un'iterazione sugli elementi esistenti nell'array. Inoltre,

Sintassi

Vettore. filtro ( funzione ( curVal , idx , arr ) , questo valore )

La descrizione dei parametri è la seguente.

  • funzione: rappresenta la funzione di callback.
  • curva: specifica il valore dell'elemento corrente.
  • idx: si riferisce all'indice dell'elemento corrente.
  • arri: rappresenta la matrice.

Esempio
Un esempio viene utilizzato per rimuovere un elemento dall'array passando il valore in JavaScript.

Codice

cost arr = [
{ nome : 'Harry' , mostrare : 'Cricket' } ,
{ nome : 'John' , mostrare : 'Calcio' } ,
{ nome : 'Sposare' , mostrare : 'Hockey' } ,
{ nome : 'Bob' , mostrare : 'In esecuzione' } ,
] ;
consolle. tronco d'albero ( arr ) ;
rem = arr. filtro ( arr => arr. nome != 'Harry' ) ;
consolle. tronco d'albero ( rem ) ;

Il codice è spiegato di seguito:

  • In primo luogo, un array arr viene creato memorizzando diversi elementi come nomi e mostrare .
  • Dopo di che, il filtro() il metodo viene utilizzato superando la condizione arr.name!='Harry' .
  • Infine, il console.log() viene utilizzato per visualizzare il nuovo array.

Produzione

L'output del codice restituisce il nuovo array rimuovendo un elemento specifico il cui valore è uguale a ' Harry ”.

Conclusione

Due metodi integrati array.splice() e matrice.filtro() i metodi vengono utilizzati per rimuovere elementi da un array in JavaScript. Nel array.splice() metodo, il valore dell'indice di un elemento viene passato per la rimozione di un elemento specificato nell'array. Il matrice.filtro() viene utilizzato per filtrare l'array esistente applicando condizioni. Entrambi questi metodi sono utili per gestire molti elementi per risparmiare tempo e fatica sia per gli sviluppatori che per gli utenti. In questo articolo, hai imparato come rimuovere elementi da una matrice passando i valori JavaScript .