Good Mood

Resumen: Este tutorial le muestra cómo usar el método splice() del Array JavaScript para eliminar elementos existentes, insertar elementos nuevos y reemplazar elementos en un array.

el tipo de matriz JavaScript proporciona un método muy potente splice() que le permite insertar nuevos elementos en el medio de una matriz. Sin embargo, también puede usar este método para eliminar y reemplazar elementos existentes.,

eliminar elementos usando el método splice() de la matriz JavaScript

para eliminar elementos en una matriz, pasa dos argumentos al método splice() de la siguiente manera:

Code language: JavaScript (javascript)

el position especifica la posición de la primera elemento a eliminar y el argumento num determina el número de elementos a eliminar.

el método splice() cambia la matriz original y devuelve una matriz que contiene los elementos eliminados.

echemos un vistazo al siguiente ejemplo.,

supongamos que tiene un array scores que contiene cinco números del 1 al 5.

Code language: JavaScript (javascript)

la siguiente instrucción elimina tres elementos del array scores a partir del primer elemento.

Code language: JavaScript (javascript)

El scores array contiene ahora dos elementos.

Code language: JavaScript (javascript)

Y el deletedScores array contiene tres elementos.

Code language: JavaScript (javascript)

La siguiente figura ilustra el scores.splice(0,3) llamada al método anterior.,

insertar elementos usando el método JavaScript Array splice ()

puede insertar uno o más elementos en una matriz pasando tres o más argumentos a splice() con el segundo argumento es cero.

Considere la siguiente sintaxis.

Code language: JavaScript (javascript)

en esta sintaxis:

• El position especifica la posición inicial en el array en la que se insertarán los nuevos elementos.,
• El segundo argumento es zero (0) que indica al método splice() que no elimine ningún elemento del array.
• El tercer argumento, el cuarto argumento, y así sucesivamente son los nuevos elementos que se insertan en la matriz.

tenga en cuenta que el método splice() en realidad cambia la matriz original. Además, el método splice() no elimina ningún elemento, por lo tanto, devuelve un array vacío. Por ejemplo:

asumiendo que tiene un array llamado colors con tres cadenas.,

Code language: JavaScript (javascript)

la siguiente instrucción inserta un elemento después del segundo elemento.

Code language: JavaScript (javascript)

El colors array ahora tiene cuatro elementos con el nuevo elemento insertado en la segunda posición.

Code language: JavaScript (javascript)

la siguiente figura muestra la llamada al método anterior.,

Usted puede insertar más de un elemento al pasar el cuarto argumento, el quinto argumento, y así en el splice() método como en el siguiente ejemplo.

Code language: JavaScript (javascript)

reemplazar elementos usando el método JavaScript Array splice ()

el método splice() le permite insertar nuevos elementos en una matriz mientras elimina elementos existentes simultáneamente.,

para hacer esto, pasa al menos tres argumentos con el segundo que especifica el número de elementos a eliminar y el tercero que indica los elementos a insertar.

tenga en cuenta que el número de elementos a eliminar no necesita ser el mismo que el número de elementos a insertar.

supongamos que tiene una matriz de lenguajes de programación con cuatro elementos de la siguiente manera:

Code language: JavaScript (javascript)

la siguiente instrucción reemplaza el segundo elemento por uno nuevo.,

Code language: JavaScript (javascript)

El languages array ahora todavía tiene cuatro elementos con el nuevo segundo argumento es el de 'Python' en lugar de 'C++'.

Code language: JavaScript (javascript)

la siguiente figura ilustra la llamada al método anterior.,

puede reemplazar un elemento con múltiples elementos por los que pasa más argumentos en el splice() método de la siguiente manera:

Code language: JavaScript (javascript)

La instrucción elimina un elemento del segundo elemento, es decir, Java e inserta tres nuevos elementos en el languages array. El resultado es el siguiente.,

Code language: JavaScript (javascript)

en este tutorial, ha aprendido a usar el método Array JavaScript splice() para eliminar elementos existentes, insertar elementos nuevos y reemplazar elementos en un array.