Hướng dẫn round up javascript - làm tròn javascript

Phương thức

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

Cú pháp

Thông số

Tham số

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.

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

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(3.14159)  // 3
  Math.round(3.5)      // 4
  Math.floor(3.8)      // 3
  Math.ceil(3.2)       // 4
  

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

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

  46 - vòng xuống

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

  4 - 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(3.14159)  // 3
Math.round(3.5)      // 4
Math.floor(3.8)      // 3
Math.ceil(3.2)       // 4

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

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

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

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

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

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

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

Các số cắt trong JavaScript #

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

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

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

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

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

Math.round(3.14159)  // 3
Math.round(3.5)      // 4
Math.floor(3.8)      // 3
Math.ceil(3.2)       // 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

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

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

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

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(3.14159)  // 3
  Math.round(3.5)      // 4
  Math.floor(3.8)      // 3
  Math.ceil(3.2)       // 4
  

  2 - Vòng đến số nguyên gần nhất

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

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

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

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

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

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