javascript empalme de matriz () Método es un método incorporado en JavaScript que se utiliza para cambiar el contenido de una matriz eliminando o reemplazando elementos existentes y/o agregando nuevos elementos. Modifica la matriz original y devuelve una matriz de los elementos eliminados.
Empalme de matriz() Sintaxis:
Array.splice( index, remove_count, item_list )>
- índice: Es un parámetro requerido. Este parámetro es el índice a partir del cual se inicia la modificación del array (con el origen en 0). Esto también puede ser negativo, que comienza después de muchos elementos contando desde el final.
- eliminar_cuenta: El número de elementos que se eliminarán del índice inicial.
- lista_artículos: La lista de elementos nuevos separados por un operador de coma que se insertará desde el índice inicial.
Valor de retorno
Si bien muta la matriz original en su lugar, aún devuelve la lista de elementos eliminados. En caso de que no haya una matriz eliminada, devuelve una matriz vacía.
Ejemplo de empalme de matriz()
Este es el ejemplo básico del método 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)>
Producción
[ 'HTML', 'CSS', 'JS', 'Bootstrap' ] [ 'HTML', 'CSS', 'PHP', 'React_Native', 'Bootstrap' ] [ 'JS' ] [ 'HTML', 'CSS', 'PHP', 'React', 'React_Native', 'Bootstrap' ]>
Explicación:
Este código JavaScript demuestra la manipulación de una matriz 'webDvlop'. Inicialmente, registra el contenido de la matriz. Luego, elimina JS del índice 2 e inserta PHP y React_Native en su lugar, registrando la matriz modificada y el elemento eliminado. Por último, inserta React en el penúltimo índice, registrando la matriz final.
Ejemplo de empalme de matriz()
Aquí hay otro ejemplo del método 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)>
Producción
[ 'C++', 'Java', 'Html', 'Python', 'C' ] [ 'C++', 'Java', 'Julia', 'Php', 'Python', 'C' ] [ 'Html' ] [ 'C++', 'Java', 'Julia', 'Php', 'Pascal', 'Python', 'C' ]>
Explicación:
Este código JavaScript opera en una matriz de 'idiomas'. Inicialmente, registra el contenido de la matriz. Luego, elimina Html del índice 2 e inserta Julia y Php en su lugar, registrando la matriz modificada y el elemento eliminado. Por último, inserta Pascal en el penúltimo índice, registrando la matriz final.
Tenemos una lista completa de métodos de matriz de Javascript; para verificarlos, consulte esto Referencia completa de matriz Javascript artículo.
Navegadores compatibles:
- Google Chrome
- Borde
- explorador de Internet
- Firefox
- Ópera
- Safari