Recapitulação: Arrays e Tuplas
Parte da seção Introdução ao TypeScript do Journey de JavaScript da Coddy. Lição 21 de 73.
Desafio
FácilCrie uma função chamada addToShoppingList que aceite dois parâmetros: uma tupla do tipo [string, number] representando um item (nome e quantidade), e um array de strings representando a lista de compras atual.
A função deve extrair o nome do item da tupla e adicioná-lo ao array da lista de compras. A função deve retornar a lista de compras atualizada como um novo array (sem modificar o array original).
Teste sua função com os seguintes dados:
- Crie uma tupla chamada
groceryItemcom os valores"apples"e5 - Crie um array chamado
currentListcom os valores["bread", "milk", "eggs"] - Chame sua função com esses parâmetros e armazene o resultado em uma variável chamada
updatedList
Imprima a lista de compras atualizada no console.
Em seguida, teste a função novamente com:
- Crie outra tupla chamada
bakeryItemcom os valores"cookies"e2 - Chame sua função usando o
updatedListdo passo anterior e o novobakeryItem - Armazene este resultado em uma variável chamada
finalList
Imprima a lista de compras final no console.
Experimente você mesmo
// TODO: Escreva seu código aqui
// Crie a função addToShoppingList que recebe uma tupla e um array como parâmetros
// Dados de teste
const groceryItem: [string, number] = ["apples", 5];
const currentList: string[] = ["bread", "milk", "eggs"];
// TODO: Chame sua função e armazene o resultado em updatedList
// TODO: Imprima a lista de compras atualizada
// Segundo teste
const bakeryItem: [string, number] = ["cookies", 2];
// TODO: Chame sua função novamente usando updatedList e bakeryItem, armazene em finalList
// TODO: Imprima a lista de compras finalTodas as lições de Introdução ao TypeScript
1Primeiros Passos com TS
O que é TypeScript?Por que usar TypeScript?Seu Primeiro Código TypeScriptProcesso de Compilação e ErrosRecapitulação: Introdução ao TS4Trabalhando com Funções
Tipagem de Parâmetros e RetornosTipagem de Arrow FunctionsO Tipo de Retorno 'void'Parâmetros Opcionais com '?'Valores Padrão de ParâmetrosTipagem de Rest ParametersDefinindo Tipos de FunçõesRecapitulação: Criando Funções Tipadas2Tipos Principais
Tipos Básicos: str, num, booleanO Tipo 'any': Válvula de EscapeO Tipo 'unknown'Trabalhando com 'null' e 'undef'Inferência de Tipo na PráticaAnotações de Tipo ExplícitasRecapitulação: Prática de Tipos Principais5Tipos: Aliases, Uniões e Interseções
Aliases de Tipos para PrimitivosTipos de União ('|')Trabalhando com Tipos de UniãoTipos LiteraisTipos de Interseção ('&')Combinando Aliases de TiposRecapitulação: Combinações Avançadas de Tipos3Estrutura de Dados: Arrays e Tuplas
Arrays TipadosModificador 'readonly' para ArraysO que é uma Tupla?Declarando e Acessando TuplasDesestruturando TuplasTuplas ReadonlyArrays Tipados MultidimensionaisSpread Operator com ArraysRecapitulação: Arrays e TuplasPratique por conta própria: Playground de TypeScript