Arrays de TypeScript

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

Publicación traducida automáticamente

Artículo escrito por niku123 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *