- Elimina l'element de la matriu mitjançant el mètode splice() a JavaScript
- Elimina l'element de la matriu mitjançant el mètode filter() a JavaScript
Mètode 1: elimina l'element de la matriu per valor mitjançant el mètode splice() a JavaScript
En JavaScript, un mètode integrat array.splice() s'utilitza per eliminar l'element de la matriu. El mètode retorna la nova matriu eliminant el valor de l'element, que es passa a través de l'índex. El propòsit d'utilitzar aquest mètode és sobreescriure la matriu afegint o eliminant els elements de la matriu. Parlem de la sintaxi.
Sintaxi
matriu. empalmament ( en , en una , elements )
Els paràmetres es descriuen de la següent manera:
- a: especifiqueu el número d'índex per eliminar l'element.
- en un: representa el nombre que cal eliminar.
- articles: feu referència a l'addició d'elements a la matriu.
Codi
const arr = [ { en una : 5 } , { en una : 10 } , { en una : 15 } ] ;
const idxObj = arr. findIndex ( objecte => {
tornar objecte. en una === 10 ;
} ) ;
arr. empalmament ( idxObj , 1 ) ;
consola. registre ( arr ) ;
El codi narra l'eliminació d'un element del qual en una el valor és 10 . En aquest codi, el arr.splice() s'utilitza el mètode per eliminar un element passant el idxObj índex de la arr matriu. Finalment, es mostra la nova matriu utilitzant el console.log() mètode.
Sortida
La sortida retorna la nova matriu, la longitud de la qual és 2. En aquesta nova matriu, l'element el valor del qual és igual a 10 s'elimina mitjançant el arr.splice() mètode en JavaScript.
Mètode 2: elimina l'element de la matriu mitjançant el mètode filter() a JavaScript
El filtre () El mètode s'utilitza per filtrar una matriu segons els criteris especificats. En aquest mètode, els usuaris poden especificar el valor per a l'eliminació d'elements de la matriu. El filtre () El mètode itera sobre els elements existents a la matriu. A més,
Sintaxi
matriu. filtre ( funció ( curVal , idx , arr ) , aquest valor )La descripció dels paràmetres és la següent.
- funció: representa la funció de devolució de trucada.
- curVal: especifica el valor de l'element actual.
- idx: fa referència a l'índex d'elements actual.
- arr: representa la matriu.
Exemple
S'utilitza un exemple per eliminar un element de la matriu passant el valor en JavaScript.
Codi
const arr = [{ nom : 'Harry' , espectacle : 'Cricket' } ,
{ nom : 'Joan' , espectacle : 'Futbol' } ,
{ nom : 'Casa't , espectacle : 'Hoquei' } ,
{ nom : 'Bob' , espectacle : 'Córrer' } ,
] ;
consola. registre ( arr ) ;
rem = arr. filtre ( arr => arr. nom != 'Harry' ) ;
consola. registre ( rem ) ;
El codi s'explica a continuació:
- En primer lloc, una matriu arr es crea emmagatzemant diferents elements com ara noms i espectacle .
- Després d'això, el filtre () s'utilitza el mètode passant la condició arr.name!='Harry' .
- Finalment, el console.log() s'utilitza el mètode per mostrar la nova matriu.
Sortida
La sortida del codi retorna la nova matriu eliminant un element específic el valor del qual és igual a ' Harry ”.
Conclusió
Dos mètodes integrats array.splice() i array.filter() s'utilitzen mètodes per eliminar elements d'una matriu en JavaScript. En el array.splice() mètode, el valor d'índex d'un element es passa per a l'eliminació d'un element especificat de la matriu. El array.filter() s'utilitza el mètode per filtrar la matriu existent aplicant condicions. Ambdós mètodes són útils per tractar molts elements per estalviar temps i esforç tant per als desenvolupadors com per als usuaris. En aquest article, heu après com eliminar elements d'una matriu passant valors JavaScript .