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