Diferencia entre el método de splice, slice y split en Javascript

Ultima actualización en jueves 12º may. 2022

Split()

Split es una función que divide la cadena dada en una array de subcadenas.
El método split no cambia la array de cadenas original y devolverá la nueva array.

Split Ejemplo

	let texto = 'Hola desde Barcelona';

// Si la función de split está vacía, la matriz de cadenas devolverá una array de texto
console.log(texto.split()); // [ 'Hola desde Barcelona' ]
// Devolver una nueva array sin espacio
console.log(texto.split(''));
// [
//  'H', 'o', 'l', 'a', ' ',
//  'd', 'e', 's', 'd', 'e',
//  ' ', 'B', 'a', 'r', 'c',
//  'e', 'l', 'o', 'n', 'a'
//]
// Devolver una nueva array con un espacio
console.log(texto.split(' ')); // [ 'Hola', 'desde', 'Barcelona' ]
// returns a new array with 2 limits.
console.log(texto.split(' ', 2)); // [ 'Hola', 'desde' ]
	

Slice()

El método Slice no cambia la array original.

Es un método tanto de arrays como de strings. El método Slice puede tomar dos argumentos.

  • Se requiere el primer argumento.
  • El segundo argumento es opcional.

Slice Ejemplo

	let texto = 'Hola desde Barcelona';
console.log(texto.slice(0, 15)); // da parte de la array 0-15.
console.log(texto.slice(7, 19));// da parte de la array 7-19.
console.log(texto.slice(-8));// da parte del extremo de la array.

let estudiantes = ['Mateo', 'Alejandro', 'Santiago' ,'Valentina ']

// da tres elementos desde el principio de la array.
console.log(estudiantes.slice(0, 3)); // [ 'Mateo', 'Alejandro', 'Santiago' ]
// da el primer elemento
console.log(estudiantes.slice(0, 1)); // [ 'Mateo' ]
// Si no proporciona el índice, devolverá el resto de la array.
console.log(estudiantes.slice(1)); // [ 'Alejandro', 'Santiago', 'Valentina ' ]
// todavía da la array original.
console.log(estudiantes); //[ 'Mateo', 'Alejandro', 'Santiago', 'Valentina ' ]
	

Splice()

El método Splice cambia la array original. Puede eliminar elementos, reemplazar elementos existentes o agregar nuevos elementos a la array.

  • El primer argumento es indexado y requried.
  • El segundo argumento es opcional y representa el número de elementos que se eliminarán.
  • El tercer argumento es opcional y representa el número de elementos que se agregarán.

Splice Ejemplo

	let estudiantes = ['Mateo', 'Alejandro', 'Santiago' ,'Valentina ']

// elementos eliminados de la array.
console.log(estudiantes.splice(0, 2)); // [ 'Mateo', 'Alejandro' ]
console.log(estudiantes);// [ 'Santiago', 'Valentina ' ]
 // eliminó todos los elementos de la array.
console.log(estudiantes.splice(0));// [ 'Santiago', 'Valentina ' ]
console.log(estudiantes); // []

//  Se ha agregado el nombre de Isabella después del segundo nombre y se han eliminado 0 elementos
console.log(estudiantes.splice(2, 0, 'Isabella '));
console.log(estudiantes); // [ 'Mateo', 'Alejandro', 'Isabella ', 'Santiago', 'Valentina ' ]
	
  • El método split() se utiliza para las strings
  • El método slice() se utiliza tanto para arrays como para strings.
  • El método splice() se utiliza solo para arrays .