En JavaScript un Array es un objeto que nos permite almacenar múltiples valores de forma ordenada. Básicamente es una colección de tipos de datos que se ordenan y enumeran desde cero utilizando este indice para poder ser accedidos.

Introducción a los Arrays en JavaScript

Los Arrays pueden almacenar múltiples valores de cualquiera de los tipo de dato de JavaScript bajo un mismo nombre de variable, esta es una de las buenas formas de mantener un código legible y ordenado.

En JavaScript podemos almacenar en los Array todos los datos que necesitemos sin tener que especificar el tipo ni la cantidad, cosa que si son obligadas en otros lenguajes de programación.

Formas de Crear un Array en JavaScript

JavaScript proporciona dos formas para crear un Array. El primero es usar el constructor del objeto Array :

const myArray = new Array( ... );

La segunda forma es usar la notación literal del Array (tal vez la más preferida y usada por los desarrolladores):

const myArray = [ ... ];

Funcionalmente tenemos los mismos resultados al trabajar con cualquiera de las dos formas disponibles para crear Arrays, en si no existe una forma correcta o incorrecta para crearlos, pero en este apartado nos centraremos en la forma literal de creación de los Arrays.

La forma literal de un Array usa los corchetes [ ] para envolver una lista de elementos separados por comas. Por ejemplo, la siguiente declaración creamos un Array que contiene tres strings:

const colores = ["Amarillo", "Azul", "Rojo"];

También es posible crear Arrays vacíos dejando los corchetes sin contenido, por supuesto al no tener datos Javascript nos devolverá las posiciones marcada con el valor undefined:

const colores = [,,];
[undefined, undefined]

Y como mencionamos anteriormente, en un Array podemos almacenar y mezclar múltiples tipos de dato aceptos en JavaScript bajo un mismo identificador:

const valores = ["Amarillo", 4, true, myVariable];

Accediendo a los Elementos de un Array

Cuando creamos un Array cada elemento se coloca en una ubicación o índice, así que para acceder a los elementos de una Array utilizamos el nombre del Array seguido de los corchete [] y dentro de estos el numero del indice o posición del elemento al cual queremos acceder.

const colores = ["Rojo", "Verde", "Azul", "Amarillo", "Violeta"];
console.log( colores[0] );
console.log(colores[2]);
console.log(colores[4]);
console.log(colores[8]);
"Rojo"
"Azul"
"Violeta"
undefined

Cuando tratamos de acceder a una posición no definida en el Array este nos devuelve undefined como lo pudimos notar en el ejemplo anterior.

Un índice es el número correspondiente a un lugar donde se almacena un valor en un Array, siempre el primer elemento se ubica en el indice cero [0], el segundo en el indice uno [1] y así sucesivamente.

Cambiando los Elementos de un Array

Podemos usar los índices entre corchetes para establecer, cambiar o incluso agregar elementos a un Array. Por ejemplo, para reemplazar el primer elemento y agregar uno nuevo al último index del Array colores hacemos lo siguiente:

const colores = ["Rojo", "Verde", "Azul", "Amarillo", "Violeta"];
colores[0] = "Marrón";
colores[5] = "Lila"

console.log( colores );
["Marrón", "Verde", "Azul", "Amarillo", "Violeta", "Lila"]

Arrays multidimensionales

Los arrays multidimensionales no son más que aquellos que contienes otros arrays entre sus elementos, es decir, tener Arrays dentro de Arrays. Veamos un ejemplo:

const miembros = [ ['Edwin', 1], ['Jose', 2], ['Edgar', 3] ];

Para acceder a un elemento de un Array multidimensional tendremos que ir escalando jerárquicamente entre los indices del Array, utilizamos el primer corchetes para acceder a un elemento de la matriz externa que devuelve una matriz interna; y el uso de otro corchete para acceder al elemento de la matriz interna.

const miembros = [ ['Edwin', 1], ['Jose', 2], ['Edgar', 3] ];
"Edgar", 3
"Edgar"

De la misma forma que vimos anteriormente para modificar u añadir elementos a un Array simple lo podemos hacer en un Array multidimensional, lo único a tener presente es la jerarquía de indices para poder acceder a dichas posiciones.

Operaciones básicas en Arrays

En JavaScript Todos los Arrays son instancias del tipo Array por lo tanto, el typeof de una variable asociada a un Array regresa como tipo un object:

const colores = ["Rojo", "Verde", "Azul", "Amarillo", "Violeta"];
console.log( typeof colores );
"object"

Podemos verificar si una variable esta asociada a un Array, para esto usamos el método Array.isArray() de la siguiente manera:

const colores = ["Rojo", "Verde", "Azul", "Amarillo", "Violeta"];
console.log( Array.isArray(colores) );
true


Algo que hacemos constantemente cuando trabajamos con Arrays es recorrer sus elementos con las estructuras iterativas que dispone el lenguaje. Para esto utilizamos los loops.

var colores = ["Rojo", "Verde", "Azul", "Amarillo", "Violeta"];

for (var i = 0 ; i < colores.length ; i++) {
  console.log( "Posición " + i + " = " + colores[i] );
}
"Posición 0 = Rojo"
"Posición 1 = Verde"
"Posición 2 = Azul"
"Posición 3 = Amarillo"
"Posición 4 = Violeta"

Los Arrays y sus Propiedades

Las propiedades y los métodos nos ayudan a trabajar con los Arrays. Las propiedades generalmente nos dicen algo sobre el Array y los métodos por su parte siempre hacen algo para cambiar o devolver un nuevo Array.

Conociendo el tamaño de un Array: propiedad length

A veces es útil saber cuántos elementos hay en un Array. La propiedad de length nos dice cuántos elementos hay en un Array.

Para encontrar la longitud de un Array simplemente agregamos la propiedad .length al final de su nombre. Ejemplo :

const colores = ["Rojo", "Verde", "Azul", "Amarillo", "Violeta"];
console.log( colores.length );
5

La propiedad length es escribible, por lo tanto podemos insertar o eliminar elementos cambiando el valor de la propiedad. Por tanto, si establecemos la propiedad length en un valor que es mayor que la cantidad de elementos del Array, estos nuevos elementos se agregarán con valores undefined.

const colores = ["Rojo", "Verde", "Azul", "Amarillo", "Violeta"];
console.log( colores[4] );
colores.length = 3;
console.log( colores[4] );
"Violeta"
undefined

Como podemos notar, en el primer console.log obtenemos el valor establecido en el indice 4 del Array, luego establecemos el tamaño o longitud de este en 3 y al intentar acceder nuevamente a este nos devuelve undefined eliminando los últimos dos valores establecidos originalmente en el Array.

También contamos con la propiedad Array.prototype que representa el prototipo del constructor Array para agregar nuevas propiedades y métodos a todos los objetos Array. Pero este es un tema avanzado que tocaremos en otro momento

Introducción a los Métodos de Arrays en JavaScript

los métodos en Javascript son acción que ejecutamos sobre los datos de un objeto en especifico, en este caso sobre los Arrays.

Estos métodos se utilizan para poder obtener resultados diferentes al Array asociado ya que estos siempre hacen algo para cambiar o devolver uno nuevo. A continuación te mostraré los métodos para manipular Arrays o matrices en JavaScript y en los siguientes apartados los veremos con los respectivos ejemplos:

toString()convierte los datos de array en una cadena de caracteres separando cada uno de estos con una coma.
concat()combina dos o mas arrays devolviendo uno nuevo.
push()agrega elementos al final del array y cambia la matriz original.
pop()elimina el último elemento de un array y lo devuelve.
shift()quita el primer elemento de un array y lo devuelve.
unshift()agrega un elemento(s) al principio de un array y cambia la matriz original.
splice()cambia un array, puede agregar, eliminar e insertar elementos al mismo.
slice()copia una parte determinada del array y la devuelve como un nuevo array. No cambia la matriz original..
join()combina todos los elementos del array en una cadena.
find()método que devuelve el valor del primer elemento del array que pasa la prueba proporcionada como una función.
indexOf()busca un elemento en un array y devuelve el índice donde se encontró, de lo contrario, devuelve -1.
lastIndexOf()busca un elemento de derecha a izquierda y devuelve el último índice donde se encontró el elemento.
lastIndexOf()busca un elemento de derecha a izquierda y devuelve el último índice donde se encontró el elemento.
sort()ordena los elementos de un array.
reverse()invierte el orden de los elementos en una matriz.
filter()crea un nuevo array si los elementos del array testado pasa una determinada condición.
map()crea una nuevo array mediante la manipulación de los valores en un array.
reduce()calcula un valor basado en un array reduciendo este a un solo valor.
forEach()itera a través de un array aplicando una función en todos los elementos del mismo.
every()comprueban si todos los elementos de un array pasan la condición especificada y devuelven true si se pasan o false si no pasan.
some()verifica si un elemento (uno o más) de un array pasa la condición especificada y devuelve true si se pasa, de lo contrario es false .
includes()comprueba si una matriz contiene un elemento determinado.

Para una mayor información acerca de los métodos de los array en JavaScript : developer.mozilla.org/es/docs/Web/JavaScript/Array

Método toString()

El método toString() Une un Array y devuelve una cadena de caracteres que contiene cada elemento del array separado por comas.

array.toString();

Argumentos: Este método no acepta ningún argumento y devuelve un string representando los elementos del array afectado.

const colores = ['verde', 'amarillo', 'naranja']

console.log( colores.toString() );
"verde,amarillo,naranja"

Valor de retorno: Este método devuelve la representación de cadena de los elementos del array, si el array está vacío, devuelve un string vació.[/alert]

Método concat()

El método concat() Se usa para concatenar dos o más arrays devolviendo uno nuevo como resultado de la operación. Es importante tener en cuenta que los array operados no son modificado.

array1.concat(array2, array3)

Argumentos: los argumentos de este método son los arrays o valores que deben agregarse al array dado. El número de argumentos para esta función depende del número de arrays que se fusionarán.

const pares = [2, 4, 6, 8];
const impares = [1, 3, 5, 7, 9];

console.log( pares.concat(impares) );
[2, 4, 6, 8, 1, 3, 5, 7, 9]

Valor de retorno: Esta función devuelve un array nuevo creado después de fusionar todos los arrays pasados a la función como argumentos.

Método push()

Agrega uno o más elementos al final de un array cambiando la longitud de este. Esta función cambia la longitud del array por el número de elementos agregados a este. La sintaxis del método es la siguiente:

array.push(item1, item2, item3)

Argumentos: Esta función contiene tantos números de argumentos como el número de elementos que necesitamos insertar en el array.

const browsers = ['chrome', 'firefox', 'edge'];
browsers.push('safari');

console.log( browsers );
["chrome", "firefox", "edge", "safari"]

Valor de retorno: Este método devuelve la nueva longitud del array después de insertar los argumentos en el mismo.

Método pop()

Este método se usa para eliminar el último elemento del array pasado. Esta función reduce la longitud del array en 1. La sintaxis de esta función es la siguiente:

array.pop()

Argumentos: Este método no tiene ningún argumento.

const browsers = ['chrome', 'firefox', 'edge'];
const eliminado = browsers.pop();

console.log( browsers );
console.log( eliminado );
"["chrome", "firefox"]"
"edge"

Valor de retorno: Esta función devuelve el elemento eliminado. Si el array está vacíp esta función o método devuelve undefinided

Método shift()

Este método elimina el elemento en el índice cero de Array y desplaza los valores consecutivos hacia abajo, devolviendo el valor eliminado.

array.shift()

Argumentos: Este método no tiene ningún argumento.

const browsers = ['chrome', 'firefox', 'edge'];
const eliminado = browsers.shift();

console.log( browsers );
console.log( eliminado );
"["firefox", "edge"]"
"chrome"

Valor de retorno: Esta función devuelve el primer elemento eliminado del array. Si la propiedad length es 0 o el array no tiene elementos esta operación devuelve undefined.

Método unshift()

El método unshift() se usa para agregar uno o más elementos al principio del array dado. Esta función aumenta la longitud de la matriz existente en la cantidad de elementos agregados al array. La sintaxis es la siguiente:

array.unshift(item1, item2)

Argumentos: Los argumentos en este método son los elementos a agregar al inicio del array dado.

const browsers = ['chrome', 'firefox', 'edge'];
browsers.unshift('safari');

console.log( browsers );
["safari", "chrome", "firefox", "edge"]

Valor de retorno: Este método devuelve la nueva longitud del array después de insertar los argumentos al principio del mismo.

Método splice()

El método splice() Cambia el contenido de un Array eliminando elementos existentes y/o agregando nuevos elementos.

Array.splice(start, num, items)

Argumentos: Los índices de elementos para eliminar y los elementos para agregar.

  1. start: Índice donde se comenzará a cambiar el array (con 0 como origen). Si es mayor que la longitud del array, el punto inicial será la longitud del array. Si es negativo, empezará esa cantidad de elementos contando desde el final.
  2. num: Numero indicando cuantos elementos se van a eliminar del Array.
  3. items: Elementos que se agregarán al array, empezando en el índice start. Si no se especifica ningún elemento, splice() solamente eliminará elementos del array.
const browsers = ['chrome', 'firefox', 'edge','safari'];
const eliminados = browsers.splice(0, 3)

console.log( browsers );
console.log( eliminados );
"["safari"]"
"["chrome", "firefox", "edge"]"

Valor de retorno: Este método devuelve la lista de elementos eliminados. En caso de que no haya elementos eliminados lo devuelve vacío.

Método slice()

El método slice() devuelve la copia de una parte del array dentro de uno nuevo comenzando en el argumento dado como inicio hasta el del final (pero no incluye el argumento final dado). El método slice() no modifica el array original.

array.slice(start, end)

Argumentos: Los índices de los elementos a cortar : (start, end)

  1. start: Índice donde empieza la extracción. El primer elemento corresponde con el índice 0.
  2. end: Índice que marca el final de la extracción. slice extrae hasta, pero sin incluir el final.
const browsers = ['chrome', 'firefox', 'edge','safari'];
const cortado = browsers.slice(2, 3)

console.log( cortado );
["edge"]

Valor de retorno: Este método devuelve un array que contiene la parte cortada del array original.

Método join()

El método join() se utiliza para unir los elementos de un array en una cadena de caracteres o string. Este método es similar al método toString(), pero aquí puede especificar el separador en
lugar de la coma predeterminada.

array.join(separator)

Argumentos: Pasamos el caracter que se usará para separar cada elemento del Array. Si este se omite los elementos del Array son separados con una coma ,. Si el separador es una string vacío los elementos son unidos sin ningún carácter entre ellos.

const browsers = ['chrome', 'firefox', 'edge','safari'];

console.log( browsers.join( ) );
console.log( browsers.join(' - ') );
"chrome,firefox,edge,safari"
"chrome - firefox - edge - safari"

Valor de retorno: Este método devuelve un string con todos los elementos de los Arrays operados.

Método find()

El método find() se usa para encontrar el primer elemento de un array que satisface la condición implementada por una función. Si más de un elemento satisface la condición, entonces se devuelve el primer elemento que satisface la condición. La sintaxis es la siguiente:

arr.find(function(element, index, array), thisValue)

Argumentos: El argumento de este método es una función que define la condición que debe verificarse para cada elemento del array. Esta función toma tres argumentos:

  1. element: Este es el elemento actual que está siendo procesado por la función.
  2. index: Este es el índice del elemento actual que está siendo procesado por la función.
  3. array: Este es el array en el que se llamó a la función
  4. thisValue: Valor opcional que se pasará a la función que se utilizará como this. Si este parámetro está vacío this se pasará como undefined
function isOdd(element) { 
  return (element % 2 == 1); 
} 

console.log( [4, 6, 8, 12].find(isOdd) );
undefined

En este ejemplo anterior método find() debe de encontrar todos los números impares del array. Dado que no hay números impares presentes esta funcón devuelve undefined.

function isOdd(element) { 
  return (element % 2 == 1); 
} 

console.log( [3, 4, 5, 8, 11].find(isOdd) );
5

En este ejemplo anterior método find() encuentra la primera aparición de un número impar en el array y lo devuelve.

Valor de retorno: Este método devuelve el primer valor del array que satisface la condición dada. Si ningún valor satisface la condición dada, entonces devuelve undefined como respuesta.

Método indexOf()

El método indexOf() se utiliza para encontrar el índice de la primera aparición del elemento de búsqueda proporcionado como el argumento. Cabe decir que la búsqueda comenzará en la posición especificada o comenzará al principio del array si no se especifica la posición de inicio.

array.indexOf(item, start)

Argumentos: El primer argumento de este método (item) es el elemento que se buscará en el array. El segundo argumento (start) es opcional y define el índice de inicio desde donde se empezará a buscar. Si no se proporciona este argumento el índice 0 se toma como el índice de inicio para comenzar la búsqueda.

const browsers = ['chrome', 'firefox', 'edge','safari'];

console.log( browsers.indexOf('edge') );
console.log( browsers.indexOf('opera') );
2
-1

Valor de retorno: Este método devuelve el índice de la primera aparición del elemento de búsqueda. Si el elemento no se encuentra en la matriz, esta función devuelve -1

Método lastIndexOf()

El método lastIndexOf() se utiliza para encontrar el índice de la última aparición del elemento de la búsqueda proporcionada como argumento. La sintaxis de la función es la siguiente:

array.lastIndexOf(item, start)

Argumentos: El primer argumento de esta función (item) es el elemento que se buscará en el array. El segundo argumento (start) es el índice opcional que define el índice de inicio en el array desde donde se busca el elemento. Este método funciona de la misma manera que indexOf(), excepto que funciona de derecha a izquierda.

const browsers = ['firefox', 'edge','safari','firefox'];

console.log( browsers.lastIndexOf('firefox') );
3

Valor de retorno: Este método devuelve el índice de la última aparición del elemento de búsqueda. Si el elemento no se encuentra en la matriz, esta función devuelve -1.

Método sort()

El método sort() se utiliza para ordenar los elemento de un array. El ordenamiento puede ser alfabético o numérico y puede ser ascendente o descendente.

array.sort(compareFunction)

Argumentos: El único argumento de este método es una función de comparación que se utiliza para ordenar los elementos según los diferentes atributos y en orden diferente.

const letras = ['a','b','g','m','c','x'];

console.log( letras.sort() );
["a", "b", "c", "g", "m", "x"]

Generalmente se ordenan los elementos basados en patrones de cálculos como los siguientes:

  • compareFunction (a, b) < 0 Entonces a viene antes de b en la respuesta.
  • compareFunction (a, b) > 0 Entonces b viene antes de a en la respuesta.
  • compareFunction (a, b) = 0 Entonces el orden de a y b permanece sin cambios.
const numeros = [1, 2, 3, 4, 5, 6, 22];

console.log( numeros.sort((a, b) => a > b ? -1 : 1) );
[22, 6, 5, 4, 3, 2, 1]

la anterior función operada en el método ordenar el array en orden descendente.

Valor de retorno: Este método devuelve la referencia del array original ya ordenado.

Método reverse()

El método reverse() invierte el orden de los elementos de un Array, El primer elemento pasa a ser el último y el último pasa a ser el primero. Básicamente invierte la secuencia de los elemento.

array.reverse()

Argumentos: Este método no acepta ningún argumento.

const letras = ['Camello','León','Pantera','oso'];

console.log( letras.reverse() );
["oso", "Pantera", "León", "Camello"]

Valor de retorno: Este método devuelve la referencia del array original de forma invertida.

Método forEach()

El método forEach() llama a la función proporcionada una vez para cada elemento del array. Básicamente este método se utiliza para iterar sobre cada elemento de un array. La función provista puede realizar cualquier tipo de operación sobre los elementos del array dado.

array.forEach(function(item, index, array))

Argumentos: El argumento de esta función es otra función que define la condición que debe verificarse para cada elemento del array. Esta función toma tres argumentos:

  • item : Este es el elemento actual del array que está siendo procesado.
  • index : Este es el índice del elemento actual del array que está siendo procesado.
  • array : El array sobre el que se ha llamado el método filter.
var animales = ['Camello', 'León', 'Pantera', 'oso', 'Búho'];

animales.forEach((item, index) => 
    console.log( `${index} : ${item}` )
);
"0 : Camello"
"1 : León"
"2 : Pantera"
"3 : oso"
"4 : Búho"


En el siguiente ejemplo la función forEach() calcula el valor cuadrado de cada elemento del array numeros.

const numeros = [1, 29, 47, 68, 89, 99];
numeros.forEach( (item) => console.log(item * item) );
1
841
2209
4624
7921
9801

Valor de retorno: El valor de retorno de este método siempre es undefined. Este método puede o no cambiar el array original proporcionado, ya eso depende de la funcionalidad de la función del argumento pasado.

Método map()

El método map() se utiliza para crear un nuevo array con los resultados de la función llamada sobre cada elemento del array operado. Esta función llama a la función del argumento una vez y en orden sobre cada elemento del array. La sintaxis es la siguiente:

array.map(function(item, index, array))
Hay un poco de debate entre forEach y map. Es cierto, son muy similares en ciertas cosas. Ambos recorrerán la matriz, pero la diferencia es que map devolverá un nuevo array con valores y forEach no lo hará.

Argumentos: El argumento de este método es una función que realiza alguna operación en los elementos del array original y devuelve los elementos a una nuevo array.

  • item : Este es el elemento actual del array que está siendo procesado.
  • index : Este es el índice del elemento actual del array que está siendo procesado.
  • array : El array sobre el que se ha llamado el método filter.
const valores = [100, 200, 300, 400, 500];

console.log( valores.map( number => '$' + number) );
["$100", "$200", "$300", "$400", "$500"]

Valor de retorno: Este método devuelve un array creado mediante el uso de los valores modificados por la función del método utilizando el valor del array original. Esta función no modifica el array original en el que es implementado.

Método filter()

El método filter() se utiliza para crear un nuevo array a partir del array operado siempre y cuando los elementos de este pasan una determinada condición.

array.filter(function(item, index, array))

Este método recorre cada elemento del array y devuelve el elemento si la función lo evalúa como verdadero, de lo contrario se excluye del array o matriz filtrada.

Argumentos: El argumento de este método es una función que define la condición que debe verificarse para cada elemento del array dado y este puede tomar tres argumentos:

  • item : Este es el elemento actual del array que está siendo procesado.
  • index : Este es el índice del elemento actual del array que está siendo procesado.
  • array : El array sobre el que se ha llamado el método filter.
const numeros = [562, 142, 673, 947, 175, 279, 338];

console.log( numeros.filter( nM => nM > 300 ) );
[562, 673, 947, 338]

En el ejemplo anterior el filtro aplica en el array a los números mayores a 300, condición declarada entre los argumentos del método.

var animales = ['Camello', 'León', 'Pantera', 'oso', 'Búho', 'Caballo'];

console.log( animales.filter( element => element.length < 5 ) );
["León", "oso", "Búho"]

Y en el anterior ejemplo filtra los animales que tengan menos de 5 letras en su nombre.

Valor de retorno: Este método devuelve un array que consiste solo en aquellos elementos que cumplieron con la condición dada en los argumentos del método.

Método reduce()

El método reduce() es otro método que itera sobre cada valor de un array dado de izquierda a derecha, pero a diferencia de los demás de este tipo, este combina de forma acumulativa cada resultado para devolver un solo valor.

Por lo general El método reduce() toma dos parámetros. El primer parámetro representa el valor acumulado de todos los cálculos hasta el momento y el segundo parámetro representa el valor actual en el array.

const numeros = [1, 29, 47, 68, 89, 99];

console.log( numeros.reduce((acu, val) => 
  acu + val, 0
));
333

En el ejemplo anterior el reduce itera a través del array numeros. Básicamente total será igual al primer elemento del array al principio y el monto será el valor actual en la iteración, en cada iteración devolverá la suma del total y el monto aumentando así el valor total y final. El cero 0 que pasamos como parámetro al final es un valor opcional que se pasa a la función como valor inicial de la operación.


Otro ejemplo podría ser calcular la longitud de palabra de todos los elementos de un array. Veamos:

var animales = ['Camello', 'León', 'Pantera', 'oso', 'Búho'];

console.log( animales.reduce((total, letras) =>
    total + letras.length, 0
));
25

reduce() utiliza un acumulador que será el total del cálculo que está haciendo la funcion declarada dentro de este. Esto se usa a menudo para calcular estadísticas como promedios de datos almacenados en un array.

Método every()

El método every() Se utiliza para verificar si todos los elementos de un array pasan la prueba proporcionada como una función que se se especifica en los argumentos de esta.

Valor de retorno: Este método devuelve un valor booleano true / false verdadero si todos los elementos del array siguen la condición implementada por la función de argumento. Si uno de los elementos del array no satisface la función de argumento, esta devuelve falso.

array.every(function(item, index, array))

Argumentos: El argumento de este método es una función que define la condición que debe verificarse para cada elemento del array y este puede tomar tres argumentos opcionales:

  • item : Este es el elemento actual del array que está siendo procesado.
  • index : Este es el índice del elemento actual del array que está siendo procesado.
  • array : El array sobre el que se ha llamado el método filter.
const numeros = [-1, 20, 43, -2, 12, 92];
const sonPositivos = numeros.every(( val ) => 
   val >= 0 
);

console.log( sonPositivos );
false

En el anterior ejemplo el resultado de ejecución del método every() resulto ser false porque no todos los elementos del array pasado pasaron la prueba, es decir algunos no son mayores o iguales a cero 0, que fue la condición pasada.


const numeros_1 = [1, 20, 32, 11, 30, 42, 10];
const numeros_2 = [13, 47, 73, 41, 3, 37, 91];
const numeros_3 = [2, 52, 80, 46, 90, 66, 20];

var sonImpar = ( element ) => element % 2 == 1 ;

console.log( numeros_1.every(sonImpar) );
console.log( numeros_2.every(sonImpar) );
console.log( numeros_3.every(sonImpar) );
false
true
false

En el anterior ejemplo evaluamos que cada elemento de los arrays pasado por el método every() sean números impares y solo los elementos del array numeros_2 cumplen esta condición, por ende el resultado es true o verdadero.

Método some()

El método some() verifica si al menos uno de los elementos del array satisface la condición proporcionada por la función del argumento.

Valor de retorno: Este método devuelve verdadero incluso si uno de los elementos del array cumple la condición (y no verifica los valores restantes) implementada por la función del argumento. Si ningún elemento de la matriz satisface la condición, devuelve falso .

array.some(function(item, index, array))

Argumentos: El argumento de este método es una función que define la condición que debe verificarse para cada elemento del array y este puede tomar tres argumentos opcionales:

  • item : Este es el elemento actual del array que está siendo procesado.
  • index : Este es el índice del elemento actual del array que está siendo procesado.
  • array : El array sobre el que se ha llamado el método filter.
const numeros = [-1, 20, 43, -2, 12, 92];
const hayPositivos = numeros.some(( val ) => 
   val >= 0 
);

console.log( hayPositivos );
true

En el ejemplo anterior verificamos si alguno de los elementos del array es positivo, es decir, que es igual o mayor a cero 0.

El método some() es similar al método every() la diferencia es que uno verifica si al menos uno de los elementos del array pasa la condición y el otro verifica si todos los elementos pasan la condición.

Método includes()

El método includes() se utiliza para comprobar si el array operado incluye el elemento pasado en los argumentos del método.

Valor de retorno: devuelve un valor booleano, verdadero si el elemento está presente en el array, de lo contrario devuelve falso.

array.includes(item, start)

Argumentos: Este método acepta dos parámetros que se especifican a continuación:

  • item : Este es el elemento o elementos que se van a buscar.
  • start : Este es el índice donde debe comenzar la búsqueda el método. Su valor predeterminado es cero (0) y es este es opcional.
const deportes = ['Futbol', 'Béisbol', 'Atletismo', 'Boxeo'];

console.log( deportes.includes('Béisbol') );
console.log( deportes.includes('Automovilismo') );
true
false

El método includes() especifica un identificador de JavaScript como parámetro, por lo tanto este es Case Sensitive es decir distingue entre mayúsculas y minúsculas. Es decir Béisbol no es lo mismo que béisbol y esta búsqueda daría como resultado false.
const deportes = ['Futbol', 'Béisbol', 'Atletismo', 'Boxeo'];

console.log( deportes.includes('béisbol') );
false

avatar
1 Comment threads
0 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
1 Comment authors
Leonel Recent comment authors
Nuevos Antiguos Más votados
Leonel
Leonel

Muy buena guía, simple y al punto. Gracias por seguir compartiendo