4

Tenho uma API que um trecho dela retorna o seguinte array, e para cada index tem um objeto slas que traz todas as transportadoras:

[
  {
    "itemIndex": 0,
    "selectedSla": "Expressa",
    "selectedDeliveryChannel": "delivery",
    "slas": [
      {
        "name": "Expressa",
        "shippingEstimate": "2bd",
        "price": 1390
      },
      {
        "name": "SEDEX",
        "shippingEstimate": "2bd",
        "price": 1990
      },
      {
        "name": "Retira em SÃO PAULO (1936769)",
        "shippingEstimate": "1bd",
        "price": 0
      }
    ]
  },
  {
    "itemIndex": 1,
    "selectedSla": "Expressa",
    "selectedDeliveryChannel": "delivery",
    "slas": [
      {
        "name": "Expressa",
        "shippingEstimate": "2bd",
        "price": 1390
      },
      {
        "name": "SEDEX",
        "shippingEstimate": "2bd",
        "price": 1990
      },
      {
        "name": "Retira em SÃO PAULO (1936769)",
        "shippingEstimate": "1bd",
        "price": 0
      }
    ]
  }
]

Eu queria somar o valor total de cada transportadora.

Exemplo:

0: EXPRESSA 13,90 + 1: EXPRESSA 13,90

0: SEDEX 19,90 + 1: SEDEX 13,90 
7
  • Poderia postar o retorno exato da api, como postou não está válido.
    – LeAndrade
    Commented 25/07/2019 às 1:56
  • @LeAndrade o json é muito extenso por isso resumi ele no trecho que referente. Commented 25/07/2019 às 2:04
  • Do jeito como está não tem como formar uma resposta correta, pois, não tem como saber a estrutura do json.
    – LeAndrade
    Commented 25/07/2019 às 2:12
  • @LeAndrade Desculpe, agora esta validado o json. Commented 25/07/2019 às 2:15
  • 1
    Como exemplo pode olhar para esta ou esta
    – Isac
    Commented 25/07/2019 às 13:19

2 Respostas 2

7

Dá para fazer o que quer utilizando os métodos map() e reduce() do seguinte modo:

let retorno = [
  {
    "itemIndex": 0,
    "selectedSla": "Expressa",
    "selectedDeliveryChannel": "delivery",
    "slas": [
      {
        "name": "Expressa",
        "shippingEstimate": "2bd",
        "price": 1390
      },
      {
        "name": "SEDEX",
        "shippingEstimate": "2bd",
        "price": 1990
      },
      {
        "name": "Retira em SÃO PAULO (1936769)",
        "shippingEstimate": "1bd",
        "price": 0
      }
    ]
  },
  {
    "itemIndex": 1,
    "selectedSla": "Expressa",
    "selectedDeliveryChannel": "delivery",
    "slas": [
      {
        "name": "Expressa",
        "shippingEstimate": "2bd",
        "price": 1390
      },
      {
        "name": "SEDEX",
        "shippingEstimate": "2bd",
        "price": 1990
      },
      {
        "name": "Retira em SÃO PAULO (1936769)",
        "shippingEstimate": "1bd",
        "price": 0
      }
    ]
  }
];

let expressa = [];        // arrays que serão guardados os objetos similares
let sedex = [];
let retira = [];

let dados = retorno.map(x => x.slas);          // mapeia os objetos que queremos

expressa = dados.map(x => x[0]);              // insere os objetos similares no array
sedex = dados.map(x => x[1]);
retira = dados.map(x => x[2]);

let valorExpressa = expressa.reduce((a,b) => {   // faz a soma dos valores
  return a + b.price;
},0);

let valorSedex = sedex.reduce((a,b) => {
  return a + b.price;
},0);

let valorRetira = retira.reduce((a,b) => {
  return a + b.price;
},0);

console.log('Valor Expressa: ', valorExpressa);
console.log('Valor SEDEX: ', valorSedex);
console.log('Valor Retira: ', valorRetira);

6
  • No caso do array das transportadoras, em algumas condições será 2 e outra 3. E futuramente terá mais, como deixar isso dinâmico? Commented 30/07/2019 às 13:23
  • Como assim? Não entendi.
    – LeAndrade
    Commented 30/07/2019 às 18:54
  • você criou um array pra cada transportadora, ali no caso estão 3 definidas como deixar isso dinamico, ao invés de deixar manual, entendeu? Commented 31/07/2019 às 0:40
  • Então, esses arrays são os recipientes para cada transportadora, eu preciso criar um array para cada um, se não, não consigo fazer a soma dos valores de cada uma.
    – LeAndrade
    Commented 31/07/2019 às 11:44
  • Ao invés de criar um array pra cada transportadora, eu vou tirar um único com todas e o valor já somado, assim fica mais fácil de trabalhar e dinâmico. Muito obrigado pela sua ajuda! Commented 1/08/2019 às 12:28
1

Cheguei em uma solução "dinâmica" utilizando somente métodos de iteração do protótipo do Array:

const data = [{
  itemIndex: 0,
  selectedSla: 'Expressa',
  selectedDeliveryChannel: 'delivery',
  slas: [
    { name: 'Expressa', shippingEstimate: '2bd', price: 1390 },
    { name: 'SEDEX', shippingEstimate: '2bd', price: 1990 },
    { name: 'Retira em SÃO PAULO (1936769)', shippingEstimate: '1bd', price: 0 }
  ]
}, {
  itemIndex: 1,
  selectedSla: 'Expressa',
  selectedDeliveryChannel: 'delivery',
  slas: [
    { name: 'Expressa', shippingEstimate: '2bd', price: 1390 },
    { name: 'SEDEX', shippingEstimate: '2bd', price: 1990 },
    { name: 'Retira em SÃO PAULO (1936769)', shippingEstimate: '1bd', price: 0 }
  ]
}];

function getSumFrom(list) {
  return list
    .map((arr) => arr.slas)
    .flat(1) // Juntamos todos os arrays de objetos em um único array de objetos.
    .reduce((acc, current) => {
      const name = current.name;
      const price = current.price;

      // Basicamente, estamos adicionando ao acumulador (`acc`)
      // o nome da empresa. Para isso, estamos somando o valor do
      // preço da iteração atual ao valor já existente.
      //
      // Se o valor existente ainda não existir, consideramos que
      // ele seja zero.
      // (`acc[name] || 0` diz: se `acc[name]` for falsey, assuma zero).
      acc[name] = (acc[name] || 0) + price;
      return acc;
    }, {});
}

console.log(getSumFrom(data));

Tentei não deixar o código muito complexo no excerto acima para facilitar a leitura do código para quem está iniciando na linguagem. Mas se você já está mergulhando mais fundo no JavaScript, o código acima pode ser reduzido:

const data = [{
  itemIndex: 0,
  selectedSla: 'Expressa',
  selectedDeliveryChannel: 'delivery',
  slas: [
    { name: 'Expressa', shippingEstimate: '2bd', price: 1390 },
    { name: 'SEDEX', shippingEstimate: '2bd', price: 1990 },
    { name: 'Retira em SÃO PAULO (1936769)', shippingEstimate: '1bd', price: 0 }
  ]
}, {
  itemIndex: 1,
  selectedSla: 'Expressa',
  selectedDeliveryChannel: 'delivery',
  slas: [
    { name: 'Expressa', shippingEstimate: '2bd', price: 1390 },
    { name: 'SEDEX', shippingEstimate: '2bd', price: 1990 },
    { name: 'Retira em SÃO PAULO (1936769)', shippingEstimate: '1bd', price: 0 }
  ]
}];

function getSumFrom(list) {
  return list
    .flatMap(({ slas }) => slas)
    .reduce(
      (acc, { name, price }) => ({
        ...acc,
        [name]: (acc[name] || 0) + price
      }),
      {}
    );
}

console.log(getSumFrom(data));

Eu pessoalmente prefiro essa segunda abordagem, mas isso é pessoal. :)

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .