Dia 6 – Remover um item da Listas de compras

Neste desafio é uma continuação do anterior: lista de compras. Objetivo é remover um item da lista, podemos remover item com javascript seja o primeiro e último. Mas nexte vamos remover um item específico, usuário podera escolher qual remover.

Assim como no outro, trabalhei com Array, Switch Case & indexOf..

• Array para criar as listas e categorias com suas próprias listas;
• Switch case para decisões de escolha;
• indexOf para retornar o índice em que o elemento pode se encontra no array
• Prompt para perguntas e interação com o usuário;
• Alert & console.log para exibição das listas.

O fluxo ficou assim:

1. O usuário ainda escolhe entre adicionar um item, exibir a lista e agora remover um item da lista;
2. Caso o usuário escolha adicionar, ele deve escolher em qual categoria o item será adicionado;
3. Caso o usuário escolha remover, ele deve escolher qual item deve ser removido;
4. Ao remover, retorna um feedback dos itens da lista depois do item removido;
5. Caso escolha exibir a lista, a lista é exibida no console.

Solução:

    let ListaCompras = [];
    ListaCompras.laticinios = ["leite vegetal", "leite de vaca", "leite em pó"]
    ListaCompras.frutas = ["banana", "tomate", "macã", "uva", "abacate"]
    ListaCompras.doces = ["chiclete", "bala de ursinho"]
    ListaCompras.outros = []

    const escolha = prompt("Escolha uma das opções: 1 - Adicionar um item a lista / 2 - Remover um item da lista? / 3 - Exibir a lista de compras")

    switch (escolha) {
      case "1":
        const item = prompt("1 - Qual a categoria? 1 - laticinios, 2 - frutas, 3 - doces, 4 - outros")
        switch (item) {
          case "1":
            let item = prompt("Digite o nome do item que deseja adicionar na catgoria Laticínios:");
            ListaCompras.laticinios.push(item);
            console.log(ListaCompras.laticinios)
            break;
          case "2":
            let item2 = prompt("Digite o nome do item que deseja adicionar na categoria frutas:");
            ListaCompras.frutas.push(item2);
            console.log(ListaCompras.frutas)
            break;
          case "3":
            let item3 = prompt("Digite o nome do item que deseja adicionar na categoria doces:");
            ListaCompras.doces.push(item3);
            console.log(ListaCompras.doces)
            break;
          case "4":
            let item4 = prompt("Digite o nome do item que deseja adicionar na categoria outros:");
            ListaCompras.outros.push(item4);
            console.log(ListaCompras.outros)
            break;
          default:
            alert("Opção inválida!")
        }
        break;
      case "2":
        alert("Este são os itens da sua lista de compras.")
        alert(`Sua lista:\nLaticínios: ${ListaCompras.laticinios}\nFrutas: ${ListaCompras.frutas}\nDoces: ${ListaCompras.doces}\nOutros: ${ListaCompras.outros}`);
        alert(`Qual deles deseja remover?`)
        const itemRemovido = prompt("Digite o nome do item que deseja remover da lista de compras.")
        const index = ListaCompras.laticinios.indexOf(itemRemovido);
        const index2 = ListaCompras.frutas.indexOf(itemRemovido);
        const index3 = ListaCompras.doces.indexOf(itemRemovido);
        const index4 = ListaCompras.outros.indexOf(itemRemovido);
        if (index > -1) {
          ListaCompras.laticinios.splice(index, 1);
        } else if (index2 > -1) {
          ListaCompras.frutas.splice(index2, 1);
        } else if (index3 > -1) {
          ListaCompras.doces.splice(index3, 1);
        } else if (index4 > -1) {
          ListaCompras.outros.splice(index4, 1);
        } else {
          alert(`O item ${itemRemovido} não está na sua lista!`);
          break;
        }
      case "3":
        alert(`Sua lista:\nLaticínios: ${ListaCompras.laticinios}\nFrutas: ${ListaCompras.frutas}\nDoces: ${ListaCompras.doces}\nOutros: ${ListaCompras.outros}`);
        break;
      default:
        alert("Opção inválida!")
    }
  

Resultado no console, clique F12