Una array es una colección homogénea de valores. Es una sola variable que se utiliza para almacenar diferentes elementos. Suele utilizarse cuando queremos almacenar una lista de elementos y acceder a ellos mediante una sola variable. A diferencia de la mayoría de los lenguajes donde la array es una referencia a múltiples variables, una array ES6 es una única variable que almacena múltiples elementos. Podemos usar variables normales (v1, v2, v3, ..) cuando tenemos una pequeña cantidad de objetos, pero si queremos almacenar una gran cantidad de instancias, se vuelve difícil administrarlas con variables normales. La idea de una array es representar muchas instancias en una variable.
Características de una array:
- La indexación está disponible en una array, por lo que es posible el acceso aleatorio de elementos utilizando el índice de la array.
- Se pueden almacenar varios elementos utilizando un solo nombre de variable.
- El recorrido a través de una array se vuelve fácil usando un bucle.
- La clasificación se vuelve fácil, ya que se puede lograr escribiendo menos líneas de código en una array.
- Los valores de array se pueden modificar o actualizar, pero no se pueden eliminar.
Inicializar una array: inicializar o declarar una array es pan comido. El siguiente programa implementa la inicialización de una array.
- Programa:
javascript
// Initializing while declaring var JS = ["ES1", "ES2", "ES3", "ES4", "ES5", "ES6"]; // Initializing after declaring JS[0] = "ES6"; JS[1] = "ES6"; JS[2] = "ES6"; JS[3] = "ES6";
Acceder a los elementos de la array: para acceder a cualquier elemento específico de la array, necesitaremos saber el número de índice de ese elemento. El número de índice de la array se utiliza para acceder a los elementos de la array. La indexación de la array siempre comienza con 0.
- Programa:
javascript
<script> // Initializing while declaring var JS= ["ES1", "ES2", "ES3", "ES4", "ES5", "ES6"]; // Accessing array element console.log(JS[4]) console.log(JS[5]) </script>
- Producción:
ES5 ES6
Objeto de array: el constructor de array se puede pasar como un valor numérico que representa el tamaño de la array y los elementos de la array son valores separados por comas.
- Programa 1:
javascript
<script> var js = ["ES6", 2015, "ES8", 2017, "ES10", 2019]; // len contains the length of the array var len = js.length; for (var i = 0; i < len; i++) console.log(js[i]); </script>
- Producción:
ES6 2015 ES8 2017 ES10 2019
- Programa 2:
javascript
<script>
var Geeks = new Array(6)
for(var i = 0; i < Geeks.length; i++)
{
Geeks[i] = (i * 2)/3
console.log(Geeks[i])
}
</script>
- Producción:
0 0.6666666666666666 1.3333333333333333 2 2.6666666666666665 3.3333333333333335
Métodos de array: hay muchos métodos de array introducidos en ES6.
| Métodos | Descripción |
|---|---|
| concat() | Este método se utiliza para fusionar dos o más arrays juntas. |
| cada() | Esta función verifica si todos los elementos de la array cumplen o no la condición dada que proporciona una función que se le pasa como argumento. |
| filtrar() | Este método crea una nueva array con elementos que siguen o pasan los criterios y condiciones dados. |
| encontrar() | Filtra elementos a través de la función, devuelve primero/todos los valores que hacen que sea verdadero. |
| para cada() | Este método solía iterar a través de sus elementos y manipularlos. |
| array.desde() | Esto cambia todo lo que es similar a una array o iterable en una array verdadera, especialmente cuando se trabaja con DOM, para que pueda usar otros métodos de array como reducir, mapear, filtrar, etc. |
| índice de() | Este método se utiliza para encontrar el índice de la primera aparición del elemento de búsqueda proporcionado como argumento del método. |
| unirse() | Este método se utiliza para unir los elementos de una array en una string. |
| últimoÍndiceDe() | Busque el elemento a partir de la posición pos, devuelva el índice o -1 si no lo encuentra. |
| mapa() | Este método crea una nueva array llamando a la función proporcionada en cada elemento. |
| Gama de() | Esto crea una array a partir de todos los argumentos que se le pasan. |
| estallido() | Elimina el último elemento de una array y devuelve ese elemento. |
| empujar() | Agrega uno o más elementos al final de una array y devuelve la nueva longitud de la array. |
| reduce() | El método reduce() aplica una función contra un acumulador y cada elemento en la array (de izquierda a derecha) para reducirlo a un solo valor – MDN |
| reverso() | Invierte el orden de los elementos de una array: el primero se convierte en el último y el último se convierte en el primero. |
| cambio() | Este método elimina el primer elemento de la array, reduciendo así el tamaño de la array original en 1. |
| rodaja() | Crea una nueva array, copia elementos desde el inicio hasta el final de la posición (no inclusive) en ella. |
| alguno() | Este método verifica si al menos uno de los elementos de la array pasó la condición. Si se pasa, devuelve ‘verdadero’, de lo contrario, ‘falso’. |
| clasificar() | Este método solía clasificar la array en su lugar en un orden dado de acuerdo con la función compare(). |
| empalme() | Este método se utiliza para modificar el contenido de una array eliminando los elementos existentes. |
| anular desplazamiento() | Esta función aumenta la longitud de la array existente por el número de elementos agregados a la array. |
Nota: en JavaScript, las arrays usan índices numerados, los objetos usan índices con nombre.
Publicación traducida automáticamente
Artículo escrito por NikhilChandwani y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA