Сделайте число процентным

105

Как лучше всего убрать "0" XXX% с числа и сделать его процентным? Что произойдет, если число окажется целым?

var number1 = 4.954848;
var number2 = 5.9797;

$(document).ready(function() {    
    final = number1/number2;
    alert(final.toFixed(2) + "%");
});

javascript math

— user1040259
источник

201

Процент - это просто:

(number_one / number_two) * 100

Не нужно ничего особенного:

var number1 = 4.954848;
var number2 = 5.9797;

alert(Math.floor((number1 / number2) * 100)); //w00t!

— Нафтали он же Нил
источник

47

для сохранения десятичного числа pct: var pct = (num * 100) .toFixed (1) + "%";

— efwjames 09

5

оповещение (~~ ((число1 / число2) * 100)); так как Math.floor медленнее, чем ~~ :)

— nyxz 07

1

Почему Math.floor? А нет Math.round? Даже в вашем примере 4.954848 / 5.9797ближе , 83%чем 82%Ваш код выхода.

— gaazkam

9

@nyxz Ugg - вы пишете код для людей, а не для машин. Если вы не находитесь в каком-то сверхжестком критическом цикле, ~~он гораздо менее Math.floor

— читабелен,

5

Нет причин, о которых я знаю. 83% всех процентов все равно составляют

— Нафтали, он же Нил

58

((portion/total) * 100).toFixed(2) + '%'

— xtrem
источник

36

Лучшее решение, где enанглийская локаль:

fraction.toLocaleString("en", {style: "percent"})

— Лирон Шапира
источник

1

Остерегайтесь поддержки на смартфонах или нет .... В настоящее время поддержка не так уж идеальна.

— jdehaan

(9.23) .toLocaleString ("en", {style: "percent"}) возвращает "923%", есть ли способ решить эту проблему?

— slorenzo

2

@slorenzo 9.23 на самом деле составляет 923%. Предполагая, что вы хотите 9,23%, вам нужно будет разделить 9,23 на 100, а затем попробовать преобразование.

— Стив Хокинс

3

@slorenzo Чтобы получить десятичные цифры, вы можете попробовать что-то вроде fraction.toLocaleString("en", { style: "percent", minimumFractionDigits: 2 })См. stackoverflow.com/a/29773435/411428

— Манфред

16

Что ж, если у вас есть такое число, 0.123456которое является результатом деления для получения процента, умножьте его на 100, а затем либо округлите, либо используйте toFixedкак в вашем примере.

Math.round(0.123456 * 100) //12

Вот плагин jQuery для этого:

jQuery.extend({
    percentage: function(a, b) {
        return Math.round((a / b) * 100);
    }
});

Использование:

alert($.percentage(6, 10));

— Алекс Терпин
источник

15

Где есть jQuery.roundи jQuery.divideиjQuery.multiply

— Raynos

2

@ Xeon06 хммм, ОП, кажется, передумал. странно. в моем ответе не хватало jQuery.

— Нафтали, он же Нил,

2

@Raynos Я начал с умножения, используя цикл, и раунд, используя манипуляции со строками, но я отказался от деления.

— Alex Turpin

2

Numeral.js - это созданная мной библиотека, которая может форматировать числа, валюту, проценты и поддерживает локализацию.

numeral(0.7523).format('0%') // returns string "75%"

numeral.js

— adamwdraper
источник

1

Последняя фиксация numeral.jsпроизошла 27 марта 2017 года. Либо библиотека идеальна (без дефектов), либо она больше не поддерживается. По состоянию на 28 января 2019 года у проекта 135 открытых проблем, самая старая из которых датируется ноябрем 2012 года. Количество открытых проблем без фиксации за почти 2 года предполагает, что за проектом больше не следят. Рад убедиться в обратном.

— Манфред

1

вар процент = Math.floor (100 * число1 / число2 - 100) + '%';

— Томаш Кубес
источник

1

В большинстве ответов предлагается добавить в конце «%». Я бы предпочел Intl.NumberFormat()с{ style: 'percent'}

var num = 25;

var option = {
  style: 'percent'

};
var formatter = new Intl.NumberFormat("en-US", option);
var percentFormat = formatter.format(num / 100);
console.log(percentFormat);

Развернуть фрагмент

— StangSpree
источник

0

Ответ @xtrem хорош, но я думаю, что toFixedи makePercentageони широко используются. Определите две функции, и мы можем использовать их везде.

const R = require('ramda')
const RA = require('ramda-adjunct')

const fix = R.invoker(1, 'toFixed')(2)

const makePercentage = R.when(
  RA.isNotNil,
  R.compose(R.flip(R.concat)('%'), fix, R.multiply(100)),
)

let a = 0.9988
let b = null

makePercentage(b) // -> null
makePercentage(a) // -> 99.88%

— Скотт Мин
источник

2

Хотя этот фрагмент кода может решить вопрос, включение объяснения действительно помогает улучшить качество вашего сообщения. Помните, что вы отвечаете на вопрос читателей в будущем, и эти люди могут не знать причины вашего предложения кода.

— 31piy