Cursos Empresas Blog Live Conf Eventos Precios

0:009:44

Array

Curso de TypeScript 3

Clase 14 de 32

Clase 14 / 32

Comentarios (34)34 comentarios

Angel David Corredor

Hace 6 años

Mauro Nava

Muchas gracias crack

Christian Velázquez

Hace 5 años

Gracias por el aporte. Creo que, comienza a gustarme Ts.

Jose Daniel Barría Reyes

Alex Leonardo Rodriguez Carvajal

excelente ejemplo!

Moisés Manuel Morín Hevia

tHANKS,

Agustina Corvo

Si queremos que un array contenga elementos de más de un tipo, lo podemos declarar de la siguiente manera:

let arrExample: Array<string | number | boolean>;
arrExample = ['firstItem', 2, 'thirdItem', 4, true]; // no da error

Jimmy Buriticá Londoño

Bien por el aporte.

Boris Vargas Paucara

Buenísimo !"

Alex Camacho

Profesor

Array. Al igual que en JavaScript, TypeScript permite definir un arreglo para contener un conjunto de valores, para definir los arreglos se pueden usar nos notaciones [] y Array<type>.

// Corchetes []
const nickname: string[] = ['Syaan', 'Matt', 'Lou']
const idNumber: number[] = [1, 2, 3, 4, 5]

// Array<type>
const pictureTitles: Array<string> = ['Favorite Sunset', 'Vacation Time', 'Landscape']

Gracias, eres la mejor !

Santiago Marín Marín

En la versión actual typescript ya reconoce por sí solo los diferentes tipos de valores ingresados en un array sin generar error.

Federico Walovnik

Como hago para declarar un array de objetos en el cual pueda acceder a las propiedades de los mismos? Es decir, por lo que entiendo no podria utilizar object[] Seria la solucion usar Object[] o Array<Object>?

Daniel Adolfo Ordoñez Rubio

Ambas estan correctas, los arrays son un tipo de dato objeto. Puedes acceder a las propiedades/atributos por medio de índices.

Miguel Angel Reyes Moreno

Al igual que JS, TS permite definir un arreglo para contener un conjunto de valores.
Usa 2 notaciones: [] y Array<tipo>

Documentación oficial de tipos de datos usados en TypeScript

Luis E. Gama Ramirez

No es mas facil hacer el Console.log en en navegador. ? Digo por que son muchos comandos los que hay que hacer.

Cristian Blandon

Para los gustos, los colores.

xD yo lo corro desde el cmd de windows, pero seee en el navegador sería sin compilar.

Andres Felipe Pinchao Ramirez

MY NOTES FOR ARRAY

Al igual que Javascript, Typescript permite definir un arreglo para contener un conjunto de valores .
Usa dos notaciones: [] y Array<tipo> .

// Corchetes []

//Tipo Explicito
  // tipodeDato[]

let users:string[];
users =['luixaviles', 'paparazzi', 'lensqueen'];

//Si le pusieramos distintos tipos de datos al que se le establecio al array
  //Daria error
// users = [1, true, 'test']; Error

//Tipo Inferido
  //Si le asignamos a una variable un array sin especificar el tipo
    //Typescript infiere el tipo de dato que tendra dependiendo lo que le pasemos


let otherUsers = ['luixaviles', 'paparazzi', 'lensqueen'];

// users = [1, true, 'test']; Error

// Arra<TIPO>
  //Definimos el array esplicitamente y dentro de los <> ponemos el tipo de dato que
    //Tendra el array

let pictureTitles: Array<string>;

  //Al berificar con el cursor la variable veremos el tipo de dato que tiene el array

pictureTitles =['Favorite Sunset', 'Vacation Time', 'Landscape'];


//Accediendo a los valores en un Array
  //Podremos acceder al elemento de un array igual que en js

  console.log(pictureTitles[0]); 


//Propiedades en Array

console.log(users.length) //3

//Funciones en Array

users.push('platzi users');
users.sort();
console.log('users', users);

Andrés Felipe Eslava Zuluaga

Al igual que en JS o lenguajes de alto nivel, TS permite almacenar un conjunto de datos - Para definirlo se usan dos formas: []TYPE || Array<TYPE>

//Tipo Explícito: []
let myFirstArray: string[];  // Se especifica que el tipo del arreglo contiene strings - Únicamente contiene Strings
myFirstArray = ['Andrés', 'Jhon', 'Iván', 'Santo'];
// myFirstArray = [123, false, 'indicator'] // Error

//Tipo Inferido: []
let mySecondArray = [ 123, false, 'indicator' ];
mySecondArray = [true, 'compulsive', 23];
mySecondArray = ['myString', false, 456];
// En los tipos inferidos de los arrays, la forma estructural de como se declara define los tipos
// que puede tener dentro el arreglo, en este caso es ( string | number | boolean ) y no importa el orden
// solo debe cumplir con que existan esos tres tipos de datos dentro del Array. Sino, arrojará Error

//Tipo Explícito: Array<TYPE>
let myNumbers: Array<number>;
myNumbers = [12, 34, 56];

console.log('valores del arreglo myNumbers -> ', myNumbers[2])
console.log('valores del arreglo myfirstArray -> ', myFirstArray[0])

mySecondArray.pop()
mySecondArray.unshift(678)
console.log('valores del arreglo mySecondArray -> ', mySecondArray)

myFirstArray.sort()
console.log('valores del arreglo myFirstArray -> ', myFirstArray)

Juan Esteban Galvis

Dejo la documentación de Mozilla sobre los Array y sus métodos (Que son bastantes): https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/Array

Gonzalo Piñeiro Aleman Urquiza

Si la variable la declaran en singular el compilador arroja un error.

Axel Enrique Galeed Gutierrez

Una consulta. ¿Cuál de las notaciones es mejor usar?

 let variableName: datatype[] = [value];
// O
 let variableName: Array<type> = [value];

¿Cuál tiene mejores prácticas? Gracias. 😄

Ariel Chura

Hola, no se muy bien por que pasa esto.

Al tratar de usar cualquier método del string "Hola" que esta en la primera posicion del array, el método se me subraya como error.

Misael Dan Guerrero Lee

Necesitas decirle a Typescript que en esa linea vas a manejar el elemento como String. Eso lo verás en una clase posterior. Este es el enlace:

Aserciones de Tipo

Jano Belmar

Holas, en el minuto 7:07 el profesor escribe user. y aparecen propiedades, a mi solo me aparecen las propiedades y no la tabla explicativa del lado derecho, alguien me puede indicar por favor que me falta presionar o agregar en el vscode para que aparezca esa tabla?

Adrian Ducuara Benitez

Hola Jano-belmar, espero se encuentre bien, VS Code normalmente se integra bien a este lenguaje, quiere decir que debería mostrar esa ventanita de detalles si no es así entonces trata de instalar los siguientes plugins:

ESLint
TSLint
Prettier - Code formatter (Este último para apariencia del código)

Espero te sirve, #NuncaParesDeAprender

Jesus Abel Jimenez Bracho

tambien se puede hacer lo siguiente:

let variable: any [];
variable = [false, 1, '2'];

console.log(variable)

Leandro Alvarez

Algunas funciones de Array en contexto typescript:

// Uso de funciones en Arrays
users.push('aPlatziUser');
users.sort();
console.log('users', users);

let newUsers = ['Leandro','Gabriela'];

let arrayConcat =users.concat(newUsers);
console.log('users concat', arrayConcat);

let usersJoin = users.join('-');
console.log('users Join', usersJoin);

let usersIndexOf = arrayConcat.lastIndexOf('Leandro');
console.log('users IndexOf', usersIndexOf);

let usersPop=users.pop();
console.log('users pop', usersPop);

Gustavo Adolfo Perez Ramos

Tipo: Array

Al igual que JavaScript, TypeScript permite definir un arreglo para contener un conjunto de valores
Usa dos notaciones: [] y Arrat<tipo>

// Tipo Explicito
let users: string[];
users = ['name1', 'name2', 'name3'];
// users = [1, true, 'test'] // Error solo string

// Tipo inferido
let otherUsers = ['a', 'b'];
// otherUsers = [1, true, 'test'] // Error solo string

// Array<TIPO>
let pictureTitles: Array<string>;
pictureTitles = ["A", "B"];

console.log("fistUser", users[0]);
console.log("fistTitle", pictureTitles[0]);

Obed Paz

Me parece bien utilizar la nomenclaruta de variable: tipo[ ] para arreglos rapidos y de pocos elementos que vaya a ocupar en mi proyecto. Y usar variable: Array<tipo> para aquellos arreglos que van a contener muchos elementos y su longitud estara variando a lo largo de la aplicacion.

Array

Progreso del curso

Introducción a TypeScript

Entorno de Desarrollo

Tipos en TypeScript

Tipos Personalizados

Módulos

Cierre