Skip to main content
adicionou 853 caracteres ao conteúdo
Fonte Link
hkotsubo
  • 66,9mil
  • 25
  • 87
  • 170
let valores = [
  {
    "area": "607,55"
  },
  {
    "area": "2.415,67"
  },
  {
    "area": "280,53"
  },
  {
    "area": "203,05"
  },
  {
    "area": "296,13"
  }
];

let total = valores
    // transforma as strings da área em números
    .map(v => parseFloat(v.area.replace(/\./g, '').replace(',', '.')))
    // somar tudo e arredondar para duas casas decimais
    .reduce( (a, b) => a + b).toFixed(2);
console.log(total);

// ou, se quiser formatar o valor para usar pontos como separador de milhares e vírgulas como separador decimal
let totalNum = valores
    // transforma as strings da área em números
    .map(v => parseFloat(v.area.replace(/\./g, '').replace(',', '.')))
    // somar tudo e arredondar para duas casas decimais
    .reduce( (a, b) => a + b);
console.log(Intl.NumberFormat('pt-BR', { minimumFractionDigits: 2, maximumFractionDigits: 2}).format(totalNum));

Vale lembrar também que toFixed retorna uma string. Se quiser o valor numérico, pegue o retorno de reduce diretamente. Só não se esqueça desse detalhe.


Também incluí uma segunda opção, para formatar o valor numérico usando o ponto como separador de milhares e vírgula como separador decimal (além de considerar sempre duas casas decimais). Para mais detalhes, veja a documentação de NumberFormat.

let valores = [
  {
    "area": "607,55"
  },
  {
    "area": "2.415,67"
  },
  {
    "area": "280,53"
  },
  {
    "area": "203,05"
  },
  {
    "area": "296,13"
  }
];

let total = valores
    // transforma as strings da área em números
    .map(v => parseFloat(v.area.replace(/\./g, '').replace(',', '.')))
    // somar tudo e arredondar para duas casas decimais
    .reduce( (a, b) => a + b).toFixed(2);
console.log(total);

Vale lembrar também que toFixed retorna uma string. Se quiser o valor numérico, pegue o retorno de reduce diretamente. Só não se esqueça desse detalhe.

let valores = [
  {
    "area": "607,55"
  },
  {
    "area": "2.415,67"
  },
  {
    "area": "280,53"
  },
  {
    "area": "203,05"
  },
  {
    "area": "296,13"
  }
];

let total = valores
    // transforma as strings da área em números
    .map(v => parseFloat(v.area.replace(/\./g, '').replace(',', '.')))
    // somar tudo e arredondar para duas casas decimais
    .reduce( (a, b) => a + b).toFixed(2);
console.log(total);

// ou, se quiser formatar o valor para usar pontos como separador de milhares e vírgulas como separador decimal
let totalNum = valores
    // transforma as strings da área em números
    .map(v => parseFloat(v.area.replace(/\./g, '').replace(',', '.')))
    // somar tudo e arredondar para duas casas decimais
    .reduce( (a, b) => a + b);
console.log(Intl.NumberFormat('pt-BR', { minimumFractionDigits: 2, maximumFractionDigits: 2}).format(totalNum));

Vale lembrar também que toFixed retorna uma string. Se quiser o valor numérico, pegue o retorno de reduce diretamente. Só não se esqueça desse detalhe.


Também incluí uma segunda opção, para formatar o valor numérico usando o ponto como separador de milhares e vírgula como separador decimal (além de considerar sempre duas casas decimais). Para mais detalhes, veja a documentação de NumberFormat.

Fonte Link
hkotsubo
  • 66,9mil
  • 25
  • 87
  • 170

Segundo a documentação, parseFloat considera que o ponto é o separador das casas decimais. Sendo assim, não basta remover a vírgula, pois o segundo número passa a ser 2.41567, que é interpretado como 2,41567 e não é isso que queremos.

Então o jeito é primeiro fazer um replace para remover todos os pontos, e no final trocamos a vírgula por ponto:

let valores = [
  {
    "area": "607,55"
  },
  {
    "area": "2.415,67"
  },
  {
    "area": "280,53"
  },
  {
    "area": "203,05"
  },
  {
    "area": "296,13"
  }
];

let total = valores
    // transforma as strings da área em números
    .map(v => parseFloat(v.area.replace(/\./g, '').replace(',', '.')))
    // somar tudo e arredondar para duas casas decimais
    .reduce( (a, b) => a + b).toFixed(2);
console.log(total);

O primeiro replace usa \. para pegar todos os pontos da string (a flag g indica que quero substituir todas as ocorrências, já que podemos ter valores acima de 1 milhão podem ter mais de um ponto). O segundo replace troca a vírgula por ponto, e no final temos a string no formato que parseFloat entende.

Note que a ordem é importante. Por exemplo, se tivermos a string 1.234,56:

  • se eu trocar primeiro a vírgula por ponto, ela passa a ser 1.234.56, e se eu remover os pontos, ela vira 123456 (mais cento e vinte mil, um valor completamente diferente do original).
  • trocando primeiro o ponto, ela vira 1234,56, e trocando a vírgula por ponto, ela passa a ser 1234.56, que parseFloat interpreta corretamente como sendo "mil duzentos e trinta e quatro, vírgula, cinquenta e seis".

Depois basta somar e usar toFixed para arredondar o resultado para duas casas decimais. Lembrando que toFixed de fato arredonda (2.345 arredondado para duas casas vira 2.35).

Vale lembrar também que toFixed retorna uma string. Se quiser o valor numérico, pegue o retorno de reduce diretamente. Só não se esqueça desse detalhe.