logo

Método Array slice() en JavaScript, con ejemplos

Hemos cubierto la eliminación de elementos de matrices en JavaScript, así como la verificación de si un elemento está presente en una matriz.

Este artículo analizará copiar o devolver una subsección de matrices usando el método slice() en Javascript.

sector() Sintaxis

arr.slice([start[, end]])

donde:

  • arr es una matriz o una variable de matriz existente
  • empezar es el índice para comenzar el corte en
  • Si no está definido, por defecto será 0
  • El índice es la posición del elemento dentro de la matriz. Recuerda, comienzan en 0 !
  • fin es el índice para terminar el corte en
  • Si no está definido, se usará el final de la matriz
  • Se devolverá una nueva matriz, que contiene el valor de los elementos entre e incluyendo el inicio y fin índices
  • Esta es una matriz completamente nueva. La modificación realizada a los elementos que contiene no afectará a la matriz original

Ejemplos del método Array slice() en JavaScript

El siguiente ejemplo crea una nueva matriz que contiene los animales con alas extrayéndolos de los animales matriz por su posición:

var animals = ['Cat', 'Dog', 'Parrot', 'Pigeon', 'Flamingo', 'Elephant'];
var wings = animals.slice(2, 4);

// animals contains ['Cat', 'Dog', 'Parrot', 'Pigeon', 'Flamingo', 'Elephant']
// wings contains ['Parrot', 'Pigeon', 'Flamingo']

Uso de índices negativos

También se pueden proporcionar índices negativos para trabajar hacia atrás desde el último índice:

var animals = ['Cat', 'Dog', 'Parrot', 'Pigeon', 'Flamingo', 'Elephant'];
var wings = animals.slice(-4, -1);

// animals contains ['Cat', 'Dog', 'Parrot', 'Pigeon', 'Flamingo', 'Elephant']
// wings contains ['Parrot', 'Pigeon', 'Flamingo']

Conclusión

Obtener una parte de una matriz es particularmente útil para cosas como la paginación, cuando tiene una gran variedad de datos que desea dividir en fragmentos para mostrarlos.

¡Consulte nuestros otros tutoriales y explicaciones de JavaScript!