Eri tapoja poistaa kohde taulukosta JavaScriptin avulla
Javascriptissä meillä ei ole mitään array.remove()-menetelmää elementin poistamiseksi. meillä on taulukko ja meidän on poistettava tietty kohde siitä taulukosta ja palautettava tuloksena oleva taulukko konsolissa.
Nämä ovat seuraavat menetelmät tämän ongelman ratkaisemiseksi:
Sisällysluettelo
- For loop- ja push()-menetelmän käyttäminen
- Pop()-menetelmän käyttäminen
- Shift()-menetelmän käyttö
- Splice()-menetelmän käyttäminen
- Filter()-menetelmän käyttäminen
- Poista operaattori
- Käyttämällä Lodash _.remove() -menetelmää
Huomautus: On joitain muita menetelmiä, jotka on luotu sisäänrakennetuilla JavaScript-menetelmillä.
Tapa 1: Käyttämällä silmukalle ja työntää () Menetelmä
Tämä menetelmä ei muunna alkuperäistä taulukkoa. Ensin sinun on luotava tyhjä()-taulukko ja sitten silmukka uusi taulukko ja työnnä vain haluamasi elementit.
Esimerkki: Tämä esimerkki esittää edellä selitetyn lähestymistavan.
Javascript
let arr = [> 'gfg'> ,> 'GFG'> ,> 'g'> ,> 'techcodeview.com'> ];> const arrayWithoutGFG = [];> for> (let i = 0; i if (arr[i] !== 'GFG') { arrayWithoutGFG.push(arr[i]); } } // arr is same console.log(arr); console.log(arrayWithoutGFG);> |
Lähtö
[ 'gfg', 'GFG', 'g', 'techcodeview.com' ] [ 'gfg', 'g', 'techcodeview.com' ]
Tapa 2: Käyttö Pop()-menetelmä
Tätä menetelmää käytetään poistamaan taulukon viimeinen elementti ja palauttamaan poistetun kohteen tulosteena. Elementin poistaminen lyhentää taulukon pituutta.
Esimerkki: Tässä esimerkissä pop()-menetelmää käytetään taulukon elementin poistamiseen.
Javascript
function> myFunc() {> > let arr = [> 'gfg'> ,> 'GFG'> ,> 'g'> ,> 'techcodeview.com'> ];> > let name = arr.pop();> > console.log(name);> > console.log(arr.length)> }> myFunc();> |
Lähtö
techcodeview.com 3
Tapa 3: Käyttö shift() -menetelmä
Tätä menetelmää käytetään elementin poistamiseen taulukon alusta. Tätä menetelmää käytetään palauttamaan taulukon ensimmäinen elementti. Se myös lyhentää alkuperäisen taulukon pituutta.
Esimerkki: Tässä esimerkissä shift()-menetelmää käytetään taulukon ensimmäisen elementin poistamiseen.
Javascript
function> myFunc() {> > let arr = [> 'gfg'> ,> 'GFG'> ,> 'g'> ,> 'techcodeview.com'> ];> > let name = arr.shift();> > console.log(name);> > console.log(arr.length)> }> myFunc();> |
Lähtö
gfg 3
Tapa 4: Käyttö splice() -menetelmä
Tätä menetelmää käytetään olemassa olevan elementin poistamiseen tai taulukon sisällön korvaamiseen poistamalla/lisäämällä uusi elementti.
Esimerkki: Tässä esimerkissä liitosmenetelmää käytetään kohteen poistamiseen taulukosta.
Javascript
function> myFunc() {> > let myFruit = [> 'apple'> ,> 'banana'> ,> 'grapes'> ,> 'strawberry'> ];> > const removed = myFruit.splice(2, 2,> 'guava'> );> > > // Removed element in the array> > console.log(removed);> > // Length of the original array after deleting> > console.log(myFruit.length);> > // Original array after deleting the array> > console.log(myFruit);> }> myFunc();> |
Lähtö
[ 'grapes', 'strawberry' ] 3 [ 'apple', 'banana', 'guava' ]
Menetelmä 5: Käyttö filter() -menetelmä
Tämä menetelmä palauttaa uuden taulukon. Ne taulukon elementit, jotka täyttävät funktion ehdon, välitetään vain uuteen taulukkoon. Tämä menetelmä ei muuta alkuperäistä taulukkoa.
Esimerkki: Tässä esimerkissä käytämme filter()-menetelmää kohteen poistamiseen taulukosta.
Javascript
const arr = [2, 7, 9, 15, 19];> function> isPrime(n) {> > for> (let i = 2; n>i; i++) {> > if> (n % i === 0) {> > return> false> ;> > }> > }> > return> n>1;> }> console.log(arr.filter(isPrime));> |
Lähtö
[ 2, 7, 19 ]
Menetelmä 6: Käyttö poista operaattori
Tätä operaattoria käytetään tarkemmin JavaScript-objektien ominaisuuksien poistamiseen.
Esimerkki: Tässä esimerkissä käytämme JavaScript-poistooperaattoria kohteiden poistamiseen taulukosta.
Javascript
const arr = [2, 7, 9, 15, 19];> delete> arr[3];> console.log(arr);> |
Lähtö
[ 2, 7, 9, , 19 ]
Tapa 7: Käyttö Lodash _.remove() -menetelmä
The _.remove()-metodi käytetään poistamaan kaikki elementit taulukosta, joka predikaatti palauttaa True ja palauttaa poistetut elementit.
Esimerkki: Tämä esimerkki esittää edellä selitetyn lähestymistavan.
Javascript
const _ = require(> 'lodash'> );> let arr = [1, 2, 3, 4, 5];> let even = _.remove(arr,> function> (n) {> > return> n % 2 == 0;> });> console.log(> 'Original Array '> , arr);> console.log(> 'Removed element array '> , even);> |
Lähtö:
Original Array [ 1, 3, 5 ] Removed element array [ 2, 4 ]