Hướng dẫn how do you round a value in javascript? - làm thế nào để bạn làm tròn một giá trị trong javascript?

Xuất bản: 2016.01,19 · 4 phút Đọc

Làm tròn và cắt ngắn là một hành động bánh mì và bơ cho mỗi nhà phát triển. Nó được đề cập trong vài bài học toán đầu tiên của bạn ở trường tiểu học. Hy vọng rằng bạn vẫn nhớ cách nó hoạt động trong thế giới của các con số.

5 trở lên? Nâng cao điểm. 4 hoặc ít hơn? Để nó nghỉ ngơi.

Hãy để sử dụng kiến ​​thức này và dịch nó sang JavaScript bằng cách sử dụng đối tượng tích hợp được gọi là

console.log(Math.round(32.65));
console.log(Math.round(8.1));
console.log(Math.round(-4.2));

console.log(Math.round(32.65));
console.log(Math.round(8.1));
console.log(Math.round(-4.2));

console.log(Math.round(32.65));
console.log(Math.round(8.1));
console.log(Math.round(-4.2));

Làm tròn vs cắt ngắn #

Sự khác biệt giữa hai phương pháp này là nhỏ nhưng rất quan trọng để hiểu. Cả hai đều là phương pháp xấp xỉ một con số bằng cách bỏ các vị trí thập phân. Làm tròn xấp xỉ một số sử dụng một số gần đó ở một mức độ chính xác nhất định. Nó có thể xảy ra theo hai hướng: lên và xuống. Làm tròn xấp xỉ một con số hướng tới vô cực dương. Làm tròn xuống vô cùng tiêu cực. Cắt ngắn xấp xỉ mà không làm tròn. Nói cách khác, nó tròn tròn về phía 0.

Rounding
3.14159 ≈ 3.1416

Truncating
3.14159 ≈ 3.1415

Hy vọng bạn có được sự khác biệt. Nó làm cho việc cắt ngắn hiếm khi hữu ích trong các tính toán chính xác (mặc dù JavaScript có thể không phải là một lựa chọn tốt nếu bạn cần tính toán chính xác) nhưng bạn có thể gặp phải một tình huống khi nó có thể không thể thay thế. Một khi ví dụ có thể là khi cần giảm các vị trí thập phân từ giá trị pixel để tránh chống răng cưa hoặc làm tròn pixel kỳ lạ, hoàn toàn khác nhau trên các động cơ trình duyệt.

Các số làm tròn trong JavaScript #

Làm tròn là thẳng về phía trước. Chúng ta có thể làm tròn đến số nguyên gần nhất, làm tròn hoặc làm tròn lên. JavaScript sử dụng ba phương pháp để đạt được điều này:

• Math.round() - Vòng đến số nguyên gần nhất (nếu phân số là 0,5 hoặc lớn hơn - vòng lên)

• console.log(Math.round(32.65));
  console.log(Math.round(8.1));
  console.log(Math.round(-4.2));

  4 - Vòng tròn

• console.log(Math.round(32.65));
  console.log(Math.round(8.1));
  console.log(Math.round(-4.2));

  5 - Vòng tròn

Math.round(3.14159)  // 3
Math.round(3.5)      // 4
Math.floor(3.8)      // 3
Math.ceil(3.2)       // 4

Các số làm tròn với độ chính xác thập phân đòi hỏi một chút tính toán và Math.round(). Tùy chọn chúng ta có thể sử dụng phương pháp

console.log(Math.round(32.65));
console.log(Math.round(8.1));
console.log(Math.round(-4.2));

console.log(Math.round(32.65));
console.log(Math.round(8.1));
console.log(Math.round(-4.2));

console.log(Math.round(32.65));
console.log(Math.round(8.1));
console.log(Math.round(-4.2));

33
8
-4

33
8
-4

33
8
-4

Math.round(3.14159 * 100) / 100  // 3.14

3.14159.toFixed(2);              // 3.14 returns a string
parseFloat(3.14159.toFixed(2));  // 3.14 returns a number

Các số cắt trong JavaScript #

33
8
-4

console.log(Math.round(32.65));
console.log(Math.round(8.1));
console.log(Math.round(-4.2));

console.log(Math.round(32.65));
console.log(Math.round(8.1));
console.log(Math.round(-4.2));

Math.trunc(3.14159);   //  3
Math.trunc(-3.14159);  // -3

Điều đáng nói là hỗ trợ trình duyệt cho

33
8
-4

• Google Chrome> = 38
• Firefox> = 25
• Internet Explorer> = Nope :(
• Opera> = 25
• Safari> = 7.1

May mắn thay, có một cách để sử dụng điều này mà không cần hỗ trợ ES6 (nhờ Johny, người đã đề xuất giải pháp này trong các bình luận bên dưới). Chúng ta có thể sử dụng các toán tử bitwise để thực hiện nhiệm vụ này. Thật không may, có một số hạn chế là tốt. Tất cả các hoạt động bitwise hoạt động trên các số nguyên có chữ ký 32 bit. Sử dụng chúng chuyển đổi một chiếc phao thành một số nguyên. Trong thực tế, điều đó có nghĩa là chúng ta có thể làm việc an toàn đến

33
8
-4

33
8
-4

3.14159 | 0;   //  3
-3.14159 | 0;  // -3

3000000000.1 | 0  // -1294967296 Ups :(

TLTR (quá lâu để đọc) #

Tôi biết, tôi biết - thời gian là tiền. Hãy tổng hợp nó lên.

• Math.round() - Vòng đến số nguyên gần nhất

• console.log(Math.round(32.65));
  console.log(Math.round(8.1));
  console.log(Math.round(-4.2));

  4 - Làm tròn xuống vô cùng tiêu cực

• console.log(Math.round(32.65));
  console.log(Math.round(8.1));
  console.log(Math.round(-4.2));

  5 - Vòng tròn về phía vô cùng tích cực

• 33
  8
  -4

  3 - Vòng tròn hoặc xuống về phía 0 (hỗ trợ trình duyệt xấu)

Để lại một bình luận