Função: Listar Tarefas por Status

Parte da seção Introdução ao TypeScript do Journey de JavaScript da Coddy. Lição 48 de 73.

Desafio

Fácil

Você recebeu o seguinte do desafio anterior:

A interface Task com id (número), title (string) e status (tipo literal)
Três variáveis de tarefa: firstTask, secondTask e thirdTask
A função getTaskInfo
A função addTask
A função changeTaskStatus
Os arrays initialTasks, updatedTasks, testTasks, progressTasks e completedTasks

Crie uma função chamada listTasksByStatus que receba dois parâmetros:

taskList do tipo Task[] (um array de objetos Task)
status do tipo 'todo' | 'in-progress' | 'done' (o status pelo qual filtrar)

A função deve:

Usar o método filter do array para retornar um novo array contendo apenas as tarefas que correspondem ao status especificado
Retornar o array filtrado de tarefas

Crie uma variável chamada mixedTasks do tipo Task[] contendo as três tarefas originais: firstTask, secondTask e thirdTask.

Use sua função listTasksByStatus para criar os seguintes arrays filtrados:

Filtre mixedTasks pelo status 'todo' e armazene o resultado em todoTasks
Filtre mixedTasks pelo status 'in-progress' e armazene o resultado em inProgressTasks
Filtre mixedTasks pelo status 'done' e armazene o resultado em doneTasks

Imprima as seguintes saídas em linhas separadas:

Imprima o comprimento de mixedTasks
Imprima o comprimento de todoTasks
Imprima o comprimento de inProgressTasks
Imprima o comprimento de doneTasks
Chame getTaskInfo com a primeira tarefa de todoTasks e imprima o resultado
Chame getTaskInfo com a primeira tarefa de inProgressTasks e imprima o resultado
Chame getTaskInfo com a primeira tarefa de doneTasks e imprima o resultado

Experimente você mesmo

// Task interface and variables from previous challenges
interface Task {
  id: number;
  title: string;
  status: 'todo' | 'in-progress' | 'done';
}

const firstTask: Task = {
  id: 1,
  title: "Learn TypeScript interfaces",
  status: 'todo'
};

const secondTask: Task = {
  id: 2,
  title: "Build task management app",
  status: 'in-progress'
};

const thirdTask: Task = {
  id: 3,
  title: "Write unit tests",
  status: 'done'
};

function getTaskInfo(task: Task): string {
    return `Task ${task.id}: ${task.title} - ${task.status}`;
}

function addTask(taskList: Task[], title: string): Task[] {
  const newTask: Task = {
    id: taskList.length + 1,
    title: title,
    status: 'todo'
  };
  return [...taskList, newTask];
}

const initialTasks: Task[] = [firstTask, secondTask];

const updatedTasks: Task[] = addTask(initialTasks, "Review code changes");

// Create the changeTaskStatus function
function changeTaskStatus(taskList: Task[], taskId: number, newStatus: 'todo' | 'in-progress' | 'done'): Task[] {
  return taskList.map(task => 
    task.id === taskId ? { ...task, status: newStatus } : task
  );
}

// Create testTasks array
const testTasks: Task[] = [firstTask, secondTask, thirdTask];

// Use changeTaskStatus function
const progressTasks = changeTaskStatus(testTasks, 1, 'in-progress');
const completedTasks = changeTaskStatus(progressTasks, 2, 'done');

// Print the required outputs
console.log(getTaskInfo(testTasks[0]));
console.log(getTaskInfo(progressTasks[0]));
console.log(getTaskInfo(completedTasks[1]));
console.log(testTasks[0].status);
console.log(completedTasks[1].status);