Métodos de array en JavaScript

En este artículo te enumeraré los métodos más utilizados con los array en JavaScript

13.12.2020 a las 19:03

Métodos de array en JavaScript

Métodos de array en JavaScript

En este artículo te enumeraré los métodos más utilizados con los array en JavaScript

  • fill;

    ['Trek', 'Trek', 'Trek'].fill('Specialized')

    El resultado de la instrucción anterior será:

    ['Specialized', 'Specialized', 'Specialized']
  • filter;

    ['Specialized', 'Trek', 'Cube','Specialized'].filter(item=>item==='Specialized')

    El resultado de la instrucción anterior será:

    ['Specialized', 'Specialized']
  • find;

    ['Specialized', 'Trek', 'Cube','Specialized'].find(item=>item==='Specialized')

    El resultado de la instrucción anterior será Specialized

  • findIndex;

    ['Specialized', 'Trek', 'Cube'].findIndex(item=>item==='Specialized')

    El resultado de la instrucción anterior será 0

  • indexOf();

    ['Specialized', 'Trek', 'Cube'].indexOf('Trek')

    El resultado de la instrucción anterior será 1

  • map; el método map es como un blucle for pero de una manera declarativa. Con esto quiero decir que en un for estoy declarando de forma imperativa, qué es lo que quiero ir haciendo, mientras que de forma declarativa escribes qué quieres hacer.

    ['Connor', 'Trek', 'Cube','Megamo'].map(item=>'Specialized')

    El resultado de la instrucción anterior será:

    ['Specialized', 'Specialized', 'Specialized', 'Specialized']
  • slice();

  • some; ¿Hay alguno que cumpla con la condición?

    ['Specialized', 'Trek', 'Cube'].some(item=>item==='Specialized')

    El resultado de la instrucción anterior será true.

  • sort; hablo en detalle de este método aquí

  • every; Comprueba que una condición se cumpla para todos los elementos de un array

    ['Specialized', 'Trek', 'Cube'].every(item=>item==='Specialized')

    El resultado de la instrucción anterior será false.

  • reduce; este método va a recibir dos argumentos, el primero sería el acumulador y el segundo sería el elemento que estamos iterando en ese momento.

  • includes();

  • splice(); cambia el contenido de un array eliminando elementos existentes y/o agregando nuevos elementos en posiciones determinadas

    splice(start, deleteCount (opcional), item1... (opcional))

    Ejemplos:

    const bikes =['Specialized', 'Trek', 'Cube']

    El parámetro de start indica dónde comienza a cambiar el array iniciando desde la posición 0

    console.log(bikes.splice(1)) //['Specialized']

    El deleteCount indica cúantos elementos queremos eliminar

    console.log(bikes.splice(1,1)) //['Specialized', 'Cube']

    Se ha eliminado en la posición 1 un elemento


    El tercer parámetro serán los elementos que queremos añadir al array

    console.log(bikes.splice(1,0,'Merida')) //['Specialized', 'Merida', 'Trek', 'Cube']

    En el ejemplo anterior se ha añadido el elemento Merida en la posición 1 y no se han eliminado ningún elemento al estar el deleteCount en 0

    console.log(bikes.splice(1,1,'Merida')) //['Specialized', 'Merida', 'Cube']

    En el ejemplo anterior se sustituye el elemento de la posición 1

  • unshift

    Añade un item a la primera posición de un array.

Hasta luego 👋

Servicios

Software

IoT

Digitalización

Aplicaciones móviles

Consultoría

fjmduran.com v0.1.2