Una array es un tipo de datos definido por el usuario. Una array es una colección homogénea de tipos similares de elementos que tienen una ubicación de memoria contigua y que pueden almacenar múltiples valores de diferentes tipos de datos.
Una array es un tipo de estructura de datos que almacena los elementos de un tipo de datos similar y los considera también como un objeto. Podemos almacenar solo un conjunto fijo de elementos y no podemos expandir su tamaño, una vez que se declara su tamaño.
La array sigue el almacenamiento basado en índices, es decir, el primer elemento de una array se almacena en el índice 0 o en el índice ‘i’ y los elementos restantes se almacenan en la ubicación ‘i+1’.
Características de una array
- El mismo tipo de datos de elementos se almacena en una array.
- Los elementos de la array siempre se almacenan en ubicaciones de memoria contiguas.
- El almacenamiento de elementos de array 2-D se ordena fila por fila en una ubicación de memoria contigua.
- El elemento inicial de la dirección está representado por el nombre de la array.
- El tamaño de una array debe declararse en el momento de la inicialización.
- Los elementos restantes de una array se pueden recuperar utilizando el índice inicial de una array.
Typescript admite arrays como esa en JavaScript. Hay dos formas de declarar una array en TypeScript:
1. Usando corchetes.
let array_name[:datatype] = [val1, val2, valn..]
Ejemplo:
javascript
let fruits: string[] = ['Apple', 'Orange', 'Banana'];
2. Usar un tipo de array genérica.
La array de TypeScript puede contener elementos de diferentes tipos de datos, como se muestra a continuación.
let array_name: Array = [val1, val2, valn..]
Ejemplo: array de tipo múltiple
javascript
var values: (string | number)[] = ['Apple', 2, 'Orange', 3, 4, 'Banana']; // or var values: Array = ['Apple', 2, 'Orange', 3, 4, 'Banana'];
Ejemplo: acceder a los elementos de la array
- El acceso a los elementos de la array se basa en el índice, es decir, ArrayName[index].
javascript
let fruits: string[] = ['Apple', 'Orange', 'Banana']; fruits[0]; // returns Apple fruits[1]; // returns Orange fruits[2]; // returns Banana fruits[3]; // returns undefined
- Podemos acceder a los elementos de la array usando el bucle ‘FOR’:
javascript
let fruits: string[] = ['Apple', 'Orange', 'Banana']; for(var index in fruits) { console.log(fruits[index]); // output: Apple Orange Banana } for(var i = 0; i < fruits.length; i++) { console.log(fruits[i]); // output: Apple Orange Banana }
Ventajas
Optimización de código: podemos recuperar u ordenar los datos de la array de manera más eficiente.
Acceso aleatorio: podemos acceder aleatoriamente a los datos de la array utilizando el puntero de ubicación.
Desventajas
Límite de tamaño: El tamaño de una array es fijo, es decir, estático. No podemos aumentar el tamaño de la array una vez que se ha declarado.
Hay dos tipos de array:
1. Array unidimensional 2. Array
multidimensional
Array unidimensional
Es la forma más simple de una array que contiene solo una fila para almacenar datos. Contiene un solo conjunto de corchetes («[]»).
Sintaxis:
let array_name[:datatype];
Inicialización:
array_name = [val1, val2, valn..]
Ejemplo:
javascript
let arr:number[]; arr = [1, 2, 3, 4] console.log("Array[0]: " +arr[0]); console.log("Array[1]: " +arr[1]);
Producción:
Array[0]: 1 Array[1]: 2
Array multidimensional
Los datos se almacenan en filas y columnas (también conocidas como forma de array) en una array multidimensional. Sintaxis
de arrays de TypeScript :
let arr_name:datatype[][] = [ [a1, a2, a3], [b1, b2, b3] ];
Inicialización:
let arr_name:datatype[initial_array_index][referenced_array_index] = [ [val1, val2, val 3], [v1, v2, v3]];
Ejemplo:
javascript
var mArray:number[][] = [[10, 20, 30], [50, 60, 70]] ; console.log(mArray[0][0]); console.log(mArray[0][1]); console.log(mArray[0][2]); console.log(); console.log(mArray[1][0]); console.log(mArray[1][1]); console.log(mArray[1][2]);
PRODUCCIÓN:
10 20 30 50 60 70
Objeto Array
Podemos crear un Array usando o inicializando el Objeto Array. El constructor Array se usa para pasar los siguientes argumentos para crear un Array:
- Con el valor numérico que representa el tamaño de una array.
- Una lista de valores separados por comas.
Sintaxis:
1.let arr_name:datatype[] = new Array(values);
Ejemplo:
javascript
// Initializing an Array by using the Array object. let arr:string[] = new Array("GEEKSFORGEEKS", "2200", "Java", "Abhishek"); for(var i = 0;i<arr.length;i++) { console.log(arr[i]);
Producción:
GEEKSFORGEEKS 2200 Java Abhishek
Pasando un Array a una Función
Podemos pasar un Array a una función especificando el nombre del Array sin un índice.
Ejemplo:
javascript
let arr:string[] = new Array("GEEKSFORGEEKS", "2300", "Java", "Abhishek"); // Passing an Array in a function function display(arr_values:string[]) { for(let i = 0;i<arr_values.length;i++) { console.log(arr[i]); } } // Calling an Array in a function display(arr);
Producción
GEEKSFORGEEKS 2300 Java Abhishek
Uso del operador ‘Dispersión’ de TypeScript
El operador de distribución se puede utilizar para inicializar arrays y objetos de otra array u objeto. También se puede utilizar para la desestructuración de objetos. Es una parte de la versión ECMAScript 6.
javascript
let arr1 = [ 1, 2, 3]; let arr2 = [ 4, 5, 6]; //Create new array from existing array let copyArray = [...arr1]; console.log("CopiedArray: " +copyArray); //Create new array from existing array with more elements let newArray = [...arr1, 7, 8]; console.log("NewArray: " +newArray); //Create array by merging two arrays let mergedArray = [...arr1, ...arr2]; console.log("MergedArray: " +mergedArray);
Producción:
CopiedArray: 1, 2, 3 NewArray: 1, 2, 3, 7, 8 MergedArray: 1, 2, 3, 4, 5, 6