JavaScript Array splice() Method on JavaScriptiin sisäänrakennettu menetelmä, jota käytetään taulukon sisällön muuttamiseksi poistamalla tai korvaamalla olemassa olevia elementtejä ja/tai lisäämällä uusia elementtejä. Se muokkaa alkuperäistä taulukkoa ja palauttaa taulukon poistetuista elementeistä.

Array splice() Syntaksi:

Array.splice( index, remove_count, item_list )>

• indeksi: Se on pakollinen parametri. Tämä parametri on indeksi, josta taulukon muokkaus alkaa (alkuperä on 0). Tämä voi olla myös negatiivinen, joka alkaa sen jälkeen, kun monet elementit lasketaan lopusta.
• Remove_count: Alkuindeksistä poistettavien elementtien määrä.
• items_list: Luettelo uusista kohteista, jotka on erotettu pilkulla ja jotka lisätään aloitushakemistosta.

Palautusarvo

Vaikka se muuntaa alkuperäisen taulukon paikalleen, se palauttaa silti luettelon poistetuista kohteista. Jos poistettua taulukkoa ei ole, se palauttaa tyhjän taulukon.

Array splice() Esimerkki

Tässä on perusesimerkki Array splice() -menetelmästä.

let webDvlop = ['HTML', 'CSS', 'JS', 'Bootstrap']; console.log(webDvlop); // Add 'React_Native' and 'Php' after removing 'JS'. let removed = webDvlop.splice(2, 1, 'PHP', 'React_Native') console.log(webDvlop); console.log(removed); // No Removing only Insertion from 2nd  // index from the ending webDvlop.splice(-2, 0, 'React') console.log(webDvlop)>

[ 'HTML', 'CSS', 'JS', 'Bootstrap' ] [ 'HTML', 'CSS', 'PHP', 'React_Native', 'Bootstrap' ] [ 'JS' ] [ 'HTML', 'CSS', 'PHP', 'React', 'React_Native', 'Bootstrap' ]>

Selitys:

Tämä JavaScript-koodi näyttää taulukon 'webDvlop' manipuloinnin. Aluksi se kirjaa taulukon sisällön lokiin. Sitten se poistaa JS:n hakemistosta 2 ja lisää PHP:n ja React_Nativen sen tilalle kirjaamalla muokatun taulukon ja poistetun elementin. Lopuksi se lisää Reactin toiseksi viimeiseen indeksiin ja kirjaa lopullisen taulukon.

Array splice() Esimerkki

Tässä on toinen esimerkki Array splice() -menetelmästä.

let languages = ['C++', 'Java', 'Html', 'Python', 'C']; console.log(languages); // Add 'Julia' and 'Php' after removing 'Html'. let removed = languages.splice(2, 1, 'Julia', 'Php') console.log(languages); console.log(removed); // No Removing only Insertion from 2nd index from the ending languages.splice(-2, 0, 'Pascal') console.log(languages)>

[ 'C++', 'Java', 'Html', 'Python', 'C' ] [ 'C++', 'Java', 'Julia', 'Php', 'Python', 'C' ] [ 'Html' ] [ 'C++', 'Java', 'Julia', 'Php', 'Pascal', 'Python', 'C' ]>

Selitys:

Tämä JavaScript-koodi toimii taulukon 'kielillä'. Aluksi se kirjaa taulukon sisällön lokiin. Sitten se poistaa Html:n hakemistosta 2 ja lisää Julian ja Php:n tilalle kirjaamalla muokatun taulukon ja poistetun elementin. Lopuksi se lisää Pascalin toiseksi viimeiseen indeksiin ja kirjaa lopullisen taulukon.

Meillä on täydellinen luettelo Javascript Array -menetelmistä. Tarkista ne käymällä läpi tämä Javascript Array Täydellinen viittaus artikla.

Tuetut selaimet:

• Google Chrome
• Reuna
• Internet Explorer
• Firefox
• Ooppera
• Safari