Una estructura de datos que mantiene un grupo de elementos del mismo tipo en un bloque de memoria adyacente se conoce como “ formación ”. Las matrices también se admiten como tipo de datos en TypeScript, ya que es un superconjunto de JavaScript. Es más seguro para los tipos que JavaScript porque permite a los desarrolladores especificar el tipo de elementos que puede almacenar una matriz. Las matrices se pueden utilizar de esta manera para producir un código mantenible.
Este tutorial demostrará el tipo de matriz en TypeScript y la forma de usarlo.
¿Qué es el tipo de matriz en TypeScript y cómo se puede usar?
“ Formación ” es una estructura de datos en TypeScript similar a JavaScript con una función avanzada para especificar el tipo de matriz. Se puede usar para almacenar y manipular una colección de datos, como una lista de números o cadenas, y se puede acceder a ellos usando su índice. Hay dos formas de declarar o usar una matriz en TypeScript:
- Palabra clave 'matriz'
- corchetes “[]” o sintaxis abreviada
Sintaxis para matriz de tipo único
Para declarar o inicializar una matriz con un solo tipo, use la sintaxis dada con la palabra clave 'Array':
Formación < tipo > = [ elemento1, elemento2, elemento3 ] ;
O úselo como una sintaxis abreviada como se indica a continuación:
tipo [ ] = [ elemento1, elemento2, elemento3 ] ;
Sintaxis para matriz multitipo
Con la ayuda de la palabra clave 'Array', utilice la siguiente sintaxis para inicializar o declarar una matriz de varios tipos:
Formación < tipo | tipo > = [ elemento1, elemento2, elemento3 ] ;
O puede usar los corchetes '[]' o la sintaxis abreviada de la siguiente manera:
( tipo | tipo ) [ ] = [ elemento1, elemento2, elemento3 ] ;
Ejemplo 1: matriz de tipo de cadena única
Primero crearemos un archivo TypeScript llamado ' Arraytypes.ts ”. En el ejemplo dado, primero, declare una matriz de tipo de cadena llamada ' color ” usando la palabra clave “Array”:
var color: Matriz < cadena > ;
Ahora, inicialice la matriz con valores de tipo cadena:
color = [ 'rojo' , 'azul' , 'verde' , 'negro' , 'blanco' , 'púrpura' , 'rosa' ] ;
A continuación, imprima la matriz en la consola:
consola.log ( color ) ;
Después de agregar el código, transpilaremos este archivo al archivo JavaScript usando el comando dado:
tsc Arraytypes.ts
Luego, para ejecutar el código JavaScript, usaremos el siguiente comando:
nodo Arraytypes.js
Nota : Es obligatorio transpilar el archivo TypeScript después de cada modificación en el mismo.
Producción
Para acceder a los elementos de la matriz, utilice la notación de corchetes '[ ]'. Aquí, accederemos al elemento en el índice 3:
consola.log ( color [ 3 ] ) ;
La salida muestra ' negro ” que es el elemento de una matriz ubicada en el índice 3:
Ejemplo 2: matriz de tipo de número único
En este ejemplo, cree una matriz de números pares especificando su tipo ' Número ” utilizando la sintaxis abreviada:
var evenNumbers: Número [ ] = [ 2 , 4 , 6 , 8 , 10 , 12 , 14 , 16 , 18 , 20 , 22 ] ;
Imprima la matriz en la consola:
consola.log ( Números pares ) ;
Producción
Ejemplo 3: matriz de varios tipos
En el ejemplo proporcionado, cree una matriz que contenga los valores de tipo cadena, así como un tipo de número.
Primero, declare una matriz usando la sintaxis abreviada especificando los tipos de matriz con el operador de canalización o unión:
matriz de variables: ( cadena | número ) [ ] ;
Asigne valores a la matriz y luego imprímala en la consola:
matriz = [ 'rojo' , 1 , 'azul' , 7 , 'púrpura' , 5 ] ;consola.log ( formación ) ;
Producción
Eso es todo sobre el uso de Array Type en TypeScript.
Conclusión
“ Formación ” es una estructura de datos en TypeScript similar a JavaScript que se puede usar para almacenar y manipular una colección de datos. Para declarar/usar la matriz en TypeScript, hay dos formas, incluida la ' Formación ” palabra clave o los corchetes “ [ ] ” o sintaxis abreviada. Este tutorial demostró el tipo de matriz en TypeScript y la forma de usarlo.