JavaScript Empalmament de matriu () El mètode és un mètode integrat a JavaScript que s'utilitza per canviar el contingut d'una matriu eliminant o substituint elements existents i/o afegint elements nous. Modifica la matriu original i retorna una matriu dels elements eliminats.
Empalmament de matriu() Sintaxi:
Array.splice( index, remove_count, item_list )>
- índex: És un paràmetre obligatori. Aquest paràmetre és l'índex a partir del qual comença la modificació de la matriu (amb l'origen a 0). Això també pot ser negatiu, que comença després de molts elements comptant des del final.
- remove_count: El nombre d'elements que s'han d'eliminar de l'índex inicial.
- llista_elements: La llista d'elements nous separats per un operador de coma que s'ha d'inserir des de l'índex inicial.
Valor de retorn
Tot i que muta la matriu original al seu lloc, encara retorna la llista d'elements eliminats. En cas que no hi hagi cap matriu eliminat, retorna una matriu buida.
Array splice() Exemple
Aquí teniu l'exemple bàsic del mètode 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)>
Sortida
[ 'HTML', 'CSS', 'JS', 'Bootstrap' ] [ 'HTML', 'CSS', 'PHP', 'React_Native', 'Bootstrap' ] [ 'JS' ] [ 'HTML', 'CSS', 'PHP', 'React', 'React_Native', 'Bootstrap' ]>
Explicació:
Aquest codi JavaScript demostra la manipulació d'una matriu 'webDvlop'. Inicialment, registra el contingut de la matriu. A continuació, elimina JS de l'índex 2 i insereix PHP i React_Native al seu lloc, registrant la matriu modificada i l'element eliminat. Finalment, insereix React al penúltim índex, registrant la matriu final.
Array splice() Exemple
Aquí hi ha un altre exemple del mètode 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)>
Sortida
[ 'C++', 'Java', 'Html', 'Python', 'C' ] [ 'C++', 'Java', 'Julia', 'Php', 'Python', 'C' ] [ 'Html' ] [ 'C++', 'Java', 'Julia', 'Php', 'Pascal', 'Python', 'C' ]>
Explicació:
Aquest codi JavaScript funciona en una matriu 'idiomes'. Inicialment, registra el contingut de la matriu. Aleshores, elimina Html de l'índex 2 i insereix Julia i Php al seu lloc, registrant la matriu modificada i l'element eliminat. Finalment, insereix Pascal al penúltim índex, registrant la matriu final.
Tenim una llista completa de mètodes Javascript Array, per comprovar-los, si us plau, aneu a través d'això Javascript Array Referència completa article.
Navegadors compatibles:
- Google Chrome
- Edge
- Internet Explorer
- Firefox
- Òpera
- Safari