Làm cách nào để chuyển đổi số float thành toàn bộ số trong JavaScript?

Tôi muốn chuyển đổi một số float thành toàn bộ số trong JavaScript. Trên thực tế, tôi muốn biết cách thực hiện CẢ HAI chuyển đổi tiêu chuẩn: bằng cách cắt ngắn và làm tròn. Và hiệu quả, không thông qua chuyển đổi thành một chuỗi và phân tích cú pháp.

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 );

Tham chiếu đối tượng toán học

Ví dụ

// 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

Toán tử bitwise OR

Một bitwise hoặc toán tử có thể được sử dụng để cắt các số liệu dấu phẩy động và nó hoạt động cho các mặt tích cực cũng như phủ định:

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

Các kết quả

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

So sánh hiệu suất?

Tôi đã tạo một thử nghiệm JSPerf để so sánh hiệu năng giữa:

• Math.floor(val)
• val | 0 ^{bitwise HOẶC}
• ~~val ^{bitwise KHÔNG}
• parseInt(val)

chỉ hoạt động với số dương. Trong trường hợp này, bạn an toàn khi sử dụng các thao tác bitwise cũng như Math.floorchức năng.

Nhưng nếu bạn cần mã của mình để làm việc với các mặt tích cực cũng như tiêu cực , thì thao tác bitwise là nhanh nhất (HOẶC là mã ưa thích). Bài kiểm tra JSPerf khác này so sánh giống nhau ở chỗ khá rõ ràng vì kiểm tra dấu hiệu bổ sung, Math hiện chậm nhất trong bốn bài.

Ghi chú

Như đã nêu trong các nhận xét, toán tử BITWISE hoạt động trên các số nguyên 32 bit đã ký, do đó, số lượng lớn sẽ được chuyển đổi, ví dụ:

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

Lưu ý: Bạn không thể sử dụng Math.floor()thay thế cho cắt ngắn, bởi vì Math.floor(-3.1) = -4và không -3!!

Một thay thế chính xác cho cắt ngắn sẽ là:

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

    return Math.floor(value);
}

Một toán tử bit bit không gấp đôi có thể được sử dụng để cắt phao. Các hoạt động khác mà bạn đề cập là có sẵn thông qua Math.floor, Math.ceilvà Math.round.

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

Thêm chi tiết lịch sự của James Padolsey.

Đối với cắt ngắn:

var intvalue = Math.floor(value);

Đối với vòng:

var intvalue = Math.round(value);

Bạn có thể sử dụng phương thức parseInt để không làm tròn số. Hãy cẩn thận với đầu vào của người dùng do các tùy chọn tiền tố 0x (hex) và 0 (bát phân).

var intValue = parseInt(floatValue, 10);

Bit dịch chuyển bằng 0, tương đương với chia cho 1

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

Trong trường hợp của bạn, khi bạn muốn một chuỗi cuối cùng (để chèn dấu phẩy), bạn cũng có thể chỉ sử dụng Number.toFixed()hàm, tuy nhiên, điều này sẽ thực hiện làm tròn.

Có rất nhiều gợi ý ở đây. OR bitwise dường như là đơn giản nhất cho đến nay. Đây là một giải pháp ngắn khác cũng hoạt động với các số âm cũng như sử dụng toán tử modulo. Có lẽ dễ hiểu hơn bitwise OR:

intval = floatval - floatval%1;

Phương pháp này cũng hoạt động với các số có giá trị cao trong đó cả '| 0' và '~ ~' cũng không '>> 0' hoạt động chính xác:

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

Để cắt ngắn :

// 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

Để làm tròn :

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

Một cách khả dĩ hơn - sử dụng thao tác 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

Ưu tiên của các phép toán bitwise ít hơn mức độ ưu tiên của các phép toán, nó rất hữu ích. Hãy thử trên https://jsfiddle.net/au51uj3r/

Nếu nhìn vào Mathđối tượng gốc trong JavaScript, bạn sẽ có được toàn bộ các hàm hoạt động trên các số và giá trị, v.v ...

Về cơ bản những gì bạn muốn làm là khá đơn giản và có nguồn gốc từ JavaScript ...

Hãy tưởng tượng bạn có số dưới đây:

const myValue = 56.4534931;

và bây giờ nếu bạn muốn làm tròn nó xuống số gần nhất, chỉ cần làm:

const rounded = Math.floor(myValue);

và bạn nhận được:

56

Nếu bạn muốn làm tròn số đó đến số gần nhất, chỉ cần làm:

const roundedUp = Math.ceil(myValue);

và bạn nhận được:

57

Ngoài ra, Math.roundchỉ cần làm tròn nó đến số cao hơn hoặc thấp hơn tùy thuộc vào số nào gần với số flot hơn.

Ngoài ra, bạn có thể sử dụng ~~phía sau số float, điều đó sẽ chuyển đổi một số float thành toàn bộ số.

Bạn có thể sử dụng nó như ~~myValue...

Tôi chỉ muốn chỉ ra rằng bạn muốn làm tròn mà không cần phải cắt xén. Bị mất một xu ít có khả năng hơn, vì 4.999452 * 100 được làm tròn sẽ cho bạn 5, một câu trả lời đại diện hơn.

Và trên hết, đừng quên làm tròn số của ngân hàng , đó là một cách để chống lại sự thiên vị hơi tích cực mà làm tròn thẳng mang lại - ứng dụng tài chính của bạn có thể yêu cầu nó.

Làm tròn Gaussian / ngân hàng trong JavaScript

Nếu bạn đang sử dụng angularjs thì giải pháp đơn giản như sau Trong Liên kết mẫu HTML

{{val | number:0}}

nó sẽ chuyển đổi val thành số nguyên

đi qua với liên kết này docs.angularjs.org/api/ng/filter/number