Як перетворити число з плавкою на ціле число в JavaScript?

Я хотів би перетворити float на ціле число в JavaScript. Насправді, я хотів би знати, як зробити БОТУ стандартних перетворень: обрізанням і округленням. І ефективно, не перетворюючи на рядок і розбираючи.

var intvalue = Math.floor( floatvalue );
var intvalue = Math.ceil( floatvalue ); 
var intvalue = Math.round( floatvalue );

// `Math.trunc` was added in ECMAScript 6
var intvalue = Math.trunc( floatvalue );

Посилання на математичний об'єкт

Приклади

// value=x        //  x=5          5<x<5.5      5.5<=x<6  

Math.floor(value) //  5            5            5
Math.ceil(value)  //  5            6            6
Math.round(value) //  5            5            6
Math.trunc(value) //  5            5            5
parseInt(value)   //  5            5            5
~~value           //  5            5            5
value | 0         //  5            5            5
value >> 0        //  5            5            5
value >>> 0       //  5            5            5
value - value % 1 //  5            5            5

// value=x        // x=-5         -5>x>=-5.5   -5.5>x>-6

Math.floor(value) // -5           -6           -6
Math.ceil(value)  // -5           -5           -5
Math.round(value) // -5           -5           -6
Math.trunc(value) // -5           -5           -5
parseInt(value)   // -5           -5           -5
value | 0         // -5           -5           -5
~~value           // -5           -5           -5
value >> 0        // -5           -5           -5
value >>> 0       // 4294967291   4294967291   4294967291
value - value % 1 // -5           -5           -5

// x = Number.MAX_SAFE_INTEGER/10 // =900719925474099.1

// value=x            x=900719925474099    x=900719925474099.4  x=900719925474099.5

Math.floor(value) //  900719925474099      900719925474099      900719925474099
Math.ceil(value)  //  900719925474099      900719925474100      900719925474100
Math.round(value) //  900719925474099      900719925474099      900719925474100
Math.trunc(value) //  900719925474099      900719925474099      900719925474099
parseInt(value)   //  900719925474099      900719925474099      900719925474099
value | 0         //  858993459            858993459            858993459
~~value           //  858993459            858993459            858993459
value >> 0        //  858993459            858993459            858993459
value >>> 0       //  858993459            858993459            858993459
value - value % 1 //  900719925474099      900719925474099      900719925474099

// x = Number.MAX_SAFE_INTEGER/10 * -1 // -900719925474099.1

// value = x      // x=-900719925474099   x=-900719925474099.5 x=-900719925474099.6

Math.floor(value) // -900719925474099     -900719925474100     -900719925474100
Math.ceil(value)  // -900719925474099     -900719925474099     -900719925474099
Math.round(value) // -900719925474099     -900719925474099     -900719925474100
Math.trunc(value) // -900719925474099     -900719925474099     -900719925474099
parseInt(value)   // -900719925474099     -900719925474099     -900719925474099
value | 0         // -858993459           -858993459           -858993459
~~value           // -858993459           -858993459           -858993459
value >> 0        // -858993459           -858993459           -858993459
value >>> 0       //  3435973837           3435973837           3435973837
value - value % 1 // -900719925474099     -900719925474099     -900719925474099

Побітовий АБО оператор

Побіт або оператор можна використовувати для обрізання фігур з плаваючою точкою, і це працює як для позитивних, так і для негативних даних:

function float2int (value) {
    return value | 0;
}

Результати

float2int(3.1) == 3
float2int(-3.1) == -3
float2int(3.9) == 3
float2int(-3.9) == -3

Порівняння продуктивності?

Я створив тест JSPerf, який порівнює продуктивність між:

• Math.floor(val)
• val | 0 ^{побіжно АБО}
• ~~val ^{побіжно НЕ}
• parseInt(val)

що працює лише з додатними числами. У цьому випадку ви можете безпечно використовувати побітові операції та Math.floorфункції.

Але якщо вам потрібен ваш код для роботи як з позитивами, так і з негативами , то побізова операція є найшвидшою (АБО є кращою). Цей інший тест JSPerf порівнює те саме, де цілком очевидно, що через додаткову перевірку знаків Math зараз найповільніша з чотирьох.

Примітка

Як зазначено в коментарях, оператори BITWISE працюють з підписаними 32-бітовими цілими числами, тому велика кількість буде перетворена, наприклад:

1234567890  | 0 => 1234567890
12345678901 | 0 => -539222987

Примітка: Ви не можете використовувати Math.floor()як заміну для усічення, тому що Math.floor(-3.1) = -4ні -3!!

Правильною заміною для усікання буде:

function truncate(value)
{
    if (value < 0) {
        return Math.ceil(value);
    }

    return Math.floor(value);
}

Оператор з подвійним розрядом не може використовуватися для обрізання плавців. Інші операції , згадані вами доступні через Math.floor, Math.ceilі Math.round.

> ~~2.5
2
> ~~(-1.4)
-1

Більш детально з люб'язності Джеймса Падолсі.

Для усічення:

var intvalue = Math.floor(value);

Для раунду:

var intvalue = Math.round(value);

Ви можете використовувати метод parseInt без округлення. Будьте уважні до введення користувачем через опції префікса 0x (шестигранний) та 0 (восьмеричний).

var intValue = parseInt(floatValue, 10);

Зсув бітів на 0, що еквівалентно діленню на 1

// >> or >>>
2.0 >> 0; // 2
2.0 >>> 0; // 2

У вашому випадку, коли ви хочете, щоб рядок в кінці (для того, щоб вставити коми), ви також можете просто скористатися Number.toFixed()функцією, проте це виконає округлення.

Тут є багато пропозицій. Побіт АБО здається найпростішим на сьогоднішній день. Ось ще одне коротке рішення, яке також працює з від’ємними числами, а також використовуючи оператор модуля. Це, мабуть, простіше зрозуміти, ніж побіт АБО:

intval = floatval - floatval%1;

Цей метод також працює з великими числами, коли ні '| 0', ні '~~', ні '>> 0' не працюють правильно:

> n=4294967295;
> n|0
-1
> ~~n
-1
> n>>0
-1
> n-n%1
4294967295

Щоб урізати :

// Math.trunc() is part of the ES6 spec
Math.trunc( 1.5 );  // returns 1
Math.trunc( -1.5 ); // returns -1
// Math.floor( -1.5 ) would return -2, which is probably not what you wanted

Для округлення :

Math.round( 1.5 );  // 2
Math.round( 1.49 ); // 1
Math.round( -1.6 ); // -2
Math.round( -1.3 ); // -1

Ще один можливий спосіб - використовувати операцію XOR:

console.log(12.3 ^ 0); // 12
console.log("12.3" ^ 0); // 12
console.log(1.2 + 1.3 ^ 0); // 2
console.log(1.2 + 1.3 * 2 ^ 0); // 3
console.log(-1.2 ^ 0); // -1
console.log(-1.2 + 1 ^ 0); // 0
console.log(-1.2 - 1.3 ^ 0); // -2

Пріоритет розрядних операцій менший, ніж пріоритет математичних операцій, це корисно. Спробуйте на https://jsfiddle.net/au51uj3r/

Якщо заглянути в рідний Mathоб’єкт у JavaScript, ви отримаєте цілу купу функцій для роботи над числами та значеннями тощо ...

В основному те, що ви хочете зробити, є досить простим і рідним в JavaScript ...

Уявіть, що у вас є номер нижче:

const myValue = 56.4534931;

а тепер, якщо ви хочете округлити його до найближчого числа, просто виконайте:

const rounded = Math.floor(myValue);

і ви отримуєте:

56

Якщо ви хочете округлити його до найближчого числа, просто зробіть:

const roundedUp = Math.ceil(myValue);

і ви отримуєте:

57

Також Math.roundпросто округлення його до більшого або нижчого числа залежить від того, який з них ближче до числа флота.

Також ви можете використовувати ~~поза числом float, яке перетворить поплавок на ціле число.

Ви можете використовувати його як ~~myValue...

Я просто хочу зазначити, що грошово ви хочете округлити, а не обрізати. Відмовитися від копійки набагато менш вірогідно, оскільки 4.999452 * 100 в округленні дасть вам 5, більш представницьку відповідь.

На додаток до цього не забувайте про округлення банкіра , який є способом протистояти злегка позитивним ухилам, які дає пряме округлення - ваша фінансова заявка може цього вимагати.

Округлення Гаусса / банкіра в JavaScript

Якщо ви використовуєте angularjs, тоді просте рішення наведене нижче в прив'язці шаблонів HTML

{{val | number:0}}

це перетворить val у ціле число

перейдіть за цим посиланням docs.angularjs.org/api/ng/filter/number