logo

Metoda splice() pole JavaScript

JavaScript Spoj pole() Metoda je vestavěná metoda v JavaScriptu, která se používá ke změně obsahu pole odstraněním nebo nahrazením existujících prvků a/nebo přidáním nových prvků. Upraví původní pole a vrátí pole odstraněných prvků.

Syntaxe pole splice():

Array.splice( index, remove_count, item_list )>
  • index: Je to povinný parametr. Tento parametr je index, od kterého začíná modifikace pole (s počátkem 0). To může být i záporné, což začíná po mnoha prvcích počítajících od konce.
  • remove_count: Počet prvků, které mají být odstraněny z počátečního indexu.
  • seznam_položek: Seznam nových položek oddělených operátorem čárky, který má být vložen z počátečního indexu.

Návratová hodnota

I když zmutuje původní pole na místě, stále vrací seznam odstraněných položek. V případě, že neexistuje žádné odstraněné pole, vrátí prázdné pole.

Příklad splice() pole

Zde je základní příklad metody Array splice() .



Javascript
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)>

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

Vysvětlení:

Tento kód JavaScript demonstruje manipulaci s polem `webDvlop`. Zpočátku zaprotokoluje obsah pole. Poté odebere JS z indexu 2 a na jeho místo vloží PHP a React_Native, přičemž zaprotokoluje upravené pole a odstraněný prvek. Nakonec vloží React do předposledního indexu a zaprotokoluje konečné pole.

Příklad splice() pole

Zde je další příklad metody Array splice() .

Javascript
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)>

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

Vysvětlení:

Tento kód JavaScript funguje na poli „jazyky“. Zpočátku zaprotokoluje obsah pole. Poté odebere Html z indexu 2 a na jeho místo vloží Julii a Php, přičemž zaprotokoluje upravené pole a odstraněný prvek. Nakonec vloží Pascal na předposlední index a zaznamená konečné pole.

Máme kompletní seznam metod Javascript Array, pro kontrolu si je prosím projděte toto Javascript Array Kompletní reference článek.

Podporované prohlížeče:

  • Google Chrome
  • Okraj
  • internet Explorer
  • Firefox
  • Opera
  • Safari