En este momento estás viendo JavaScript Basics: Array Slice

JavaScript Basics: Array Slice

En Javascript (y por supuesto en otros lenguajes), sea en React o en Node.js o en SAPUI5, acostumbramos a trabajar con arrays para tratar la información. Puede ser que llamemos a una API para obtener información o que tengamos que guardar datos para después tratarlos. El tema es que, como programadores, siempre tendremos un array en nuestras vidas 💚.

En este artículo, vamos a ver como obtener una parte de ese array utilizando el método slice de array en JavaScript.

 

¿Qué hace Slice?

El método slice de un array, devuelve una copia superficial de una parte del array en función del punto de inicio y fin que le indiquemos.

Para entender slice, tenemos que tener claro que…

  • Tanto el inicio como el final son parámetros opcionales.
  • Por defecto, el inicio es 0 y el final será la longitud del array (array.length).
  • Slice no afecta al array origen des del que estamos realizando el corte.
  • Solo crea una copia “superficial”. Si el array contiene referencias a objetos, slice no clonará esos objetos, sino solo la referencia.
  • También podemos dar un valor negativo para el índice inicial y final, que indica un desplazamiento desde el final del array. Por ejemplo, -1 apunta al último elemento.

He creado estos ejemplos para entender mejor su funcionamiento:

javascript array slice

 

En la imagen podemos ver 4 formas de como utilizar slice en arrays de JavaScript. Seguramente otros lenguajes de porgramación tendrán funciones o métodos similares.

Para concluir podemos decir que array slice nos sirve tanto como para obtener una porción del array origen como una copia superficial del array origen.

Espero que os guste esta pequeña entrada y que sea muy útil. La idea es compaginar este tipo de entradas con post normales, así vamos recordando los básicos como hacen las tiendas de ropa, que venden básicos y otros tipos de prenda 😜

Deja una respuesta