Làm thế nào để chuyển đổi một chuỗi thành một số trong JavaScript – chuyển chuỗi thành số javascript

Có nhiều cách để chuyển đổi một chuỗi thành một số bằng JavaScript. Nhưng điều đó trông như thế nào trong mã? Trong bài viết này, tôi sẽ chỉ cho bạn 11 cách để chuyển đổi một chuỗi thành một số. Cách chuyển đổi một chuỗi thành một số trong JavaScript bằng cách sử dụng

Bạn đang xem: < font style = "vertical-align: inherit;"> chuyển chuỗi thành số javascript

Có nhiều cách để chuyển đổi một chuỗi thành một số bằng cách sử dụng JavaScript. Nhưng điều đó trông như thế nào trong mã?

Trong bài viết này, tôi sẽ chỉ cho bạn 11 cách để chuyển một chuỗi thành một số.

Cách chuyển đổi một chuỗi thành một số trong JavaScript bằng cách sử dụng Hàm Number ()

Một cách để chuyển đổi một chuỗi thành một số là sử dụng hàm Number () .

Trong ví dụ này, chúng ta có một chuỗi được gọi là số lượng với giá trị là "12" .

  const amount = "12";  

Nếu chúng tôi sử dụng toán tử typeof trên < mã> số lượng , sau đó nó sẽ trả về loại chuỗi.

  console.log (typeof amount);  

Chúng tôi có thể chuyển đổi số lượng thành một số bằng cách sử dụng hàm Number như sau:

  Number (số lượng)  

Chúng tôi có thể kiểm tra điều đó bây giờ nó là một số bằng cách sử dụng lại toán tử typeof .

  console.log (typeof Number (số lượng));  

Nếu bạn đã cố gắng chuyển một giá trị không được được chuyển đổi thành số, khi đó giá trị trả về sẽ là NaN (Không phải số).

  console.log (Number ("awesome "));  

Cách chuyển đổi chuỗi thành một số trong JavaScript bằng cách sử dụng hàm parseInt ()

Một cách khác để chuyển đổi một chuỗi thành một số là sử dụng < mã> hàm parseInt () . Hàm này nhận vào một chuỗi và một cơ số tùy chọn.

Cơ số là một số từ 2 đến 36 đại diện cho cơ số trong một hệ thống chữ số. Ví dụ, cơ số 2 sẽ đại diện cho hệ nhị phân, trong khi cơ số 10 đại diện cho hệ thập phân.

Chúng ta có thể sử dụng biến number trước đó để chuyển chuỗi đó thành một số.

  const amount = "12";

console.log (parseInt (số lượng, 10));  

Điều gì sẽ xảy ra nếu tôi cố gắng thay đổi biến number thành "12.99" ? Kết quả sử dụng parseInt () có phải là số 12,99 không?

  const amount = "12.99";

console.log (parseInt (số lượng, 10));  

Như bạn có thể thấy, kết quả là một số nguyên được làm tròn. Nếu bạn muốn trả về một số dấu phẩy động, thì bạn cần sử dụng parseFloat () .

Cách chuyển đổi một chuỗi thành một số trong JavaScript bằng cách sử dụng parseFloat () function

Hàm parseFloat () sẽ nhận một giá trị và trả về một số dấu phẩy động. Ví dụ về số dấu phẩy động sẽ là 12,99 hoặc 3,14.

Nếu chúng tôi sửa đổi ví dụ của mình từ trước để sử dụng parseFloat () , thì kết quả sẽ là số dấu phẩy động là 12,99.

  const number = "12.99";

console.log (parseFloat (số lượng));  

Nếu bạn có khoảng trắng ở đầu hoặc cuối trong chuỗi của mình, thì parseFloat () sẽ vẫn chuyển đổi chuỗi đó thành số điểm nổi.

  const number = "12.99";

console.log (parseFloat (số lượng));  

Nếu ký tự đầu tiên trong chuỗi của bạn không thể chuyển đổi thành số, thì parseFloat () sẽ trả về NaN .

  const number = "F12.99";

console.log (parseFloat (số lượng));  

Cách chuyển đổi một chuỗi thành một số trong JavaScript bằng cách sử dụng toán tử dấu cộng một ngôi ( + )

Toán tử dấu cộng một ngôi ( + ) sẽ chuyển đổi một chuỗi thành một số. Toán tử sẽ đi trước toán hạng.

  const number = "12";

console.log (+ quant);  

Chúng tôi cũng có thể sử dụng toán tử cộng một bậc ( + ) để chuyển đổi một chuỗi thành một số dấu phẩy động.

  const number = "12.99";

console.log (+ số lượng);  

Nếu giá trị chuỗi không thể chuyển đổi thành số thì kết quả sẽ là NaN .

  const number = "awesome";

console.log (+ số lượng);  

Cách chuyển đổi một chuỗi thành một số trong JavaScript bằng cách nhân chuỗi với số 1

Một cách khác để chuyển đổi một chuỗi thành một số là sử dụng một phép toán cơ bản. Bạn có thể nhân giá trị chuỗi với 1 và nó sẽ trả về một số.

  const number = "12";

console.log (số lượng * 1);  

Như bạn thấy, khi chúng ta nhân giá trị số lượng với 1, thì nó sẽ trả về số 12. Nhưng làm thế nào cái này có hoạt động không

Trong ví dụ này, JavaScript đang chuyển đổi giá trị chuỗi của chúng ta thành một số và sau đó thực hiện phép toán đó. Nếu chuỗi không thể chuyển đổi thành số, thì phép toán sẽ không hoạt động và nó sẽ trả về NaN .

  const number = "awesome";

console.log (number * 1);  

Phương thức này cũng sẽ hoạt động đối với các số dấu phẩy động.

  const quant = "10,5";

console.log (số lượng * 1);  

Cách chuyển đổi một chuỗi thành một số trong JavaScript bằng cách chia chuỗi cho số 1

Thay vì nhân với 1, bạn cũng có thể chia chuỗi cho 1. JavaScript đang chuyển đổi giá trị chuỗi của chúng ta thành một số và sau đó thực hiện phép toán đó.

  const amount = "10.5";

console.log (số lượng / 1);  

Cách chuyển đổi một chuỗi thành một số trong JavaScript bằng cách trừ số 0 khỏi chuỗi

Một phương pháp khác là trừ 0 khỏi chuỗi. Giống như trước đây, JavaScript đang chuyển đổi giá trị chuỗi của chúng ta thành một số và sau đó thực hiện phép toán đó.

  const amount = "19";

console.log (số lượng - 0);  

Cách chuyển đổi một chuỗi thành một số trong JavaScript bằng toán tử bitwise NOT ( ~ )

Toán tử NOT bitwise ( ~ ) sẽ đảo các bit của một toán hạng và chuyển giá trị đó thành số nguyên có dấu 32 bit. Số nguyên có dấu 32 bit là giá trị đại diện cho một số nguyên có kích thước 32 bit (hoặc 4 byte).

Nếu chúng ta sử dụng một toán tử NOT bitwise ( ~ ) trên một số, thì nó sẽ thực hiện thao tác này: - (x + 1)

  console.log (~ 19);  

Nhưng nếu chúng ta sử dụng hai toán tử NOT bitwise ( ~ ), thì nó sẽ chuyển đổi chuỗi của chúng tôi thành một số.

  const number = "19";

console.log (~~ số lượng);  

Phương thức này sẽ không hoạt động đối với số dấu phẩy động vì kết quả sẽ là số nguyên.

  const number = "19.99";

console.log (~~ số lượng);  

Nếu bạn cố gắng sử dụng phương pháp này trên các ký tự không phải số, thì kết quả sẽ là 0.

  const number = "tuyệt vời";

console.log (~~ số lượng);  

Phương pháp này có những hạn chế của nó vì nó sẽ bắt đầu bị hỏng đối với các giá trị được coi là quá lớn. Điều quan trọng là đảm bảo rằng số của bạn nằm giữa các giá trị của số nguyên 32 bit có dấu.

  const quantum = "2700000000";

console.log (~~ số lượng);  

Để tìm hiểu thêm về toán tử bitwise NOT ( ~ ), vui lòng đọc trong tài liệu .

Cách chuyển đổi một chuỗi thành số trong JavaScript bằng cách sử dụng hàm Math.floor ()

Một cách khác để chuyển đổi một chuỗi thành một số là sử dụng Hàm Math.floor () . Hàm này sẽ làm tròn số xuống số nguyên gần nhất.

  const number = "13.4";

console.log (Math.floor (số lượng));  

Cũng giống như trong các ví dụ trước đó, nếu chúng tôi cố gắng sử dụng các ký tự không phải số, thì kết quả sẽ là NaN .

  const number = "awesome";

console.log (Math.floor (số lượng));  

Cách chuyển đổi một chuỗi thành một số trong JavaScript bằng cách sử dụng hàm Math.ceil ()

Math Hàm .ceil () sẽ làm tròn một số lên đến số nguyên gần nhất.

  const number = "7.18";

console.log (Math.ceil (số lượng));  

Cách chuyển đổi một chuỗi thành một số trong JavaScript bằng cách sử dụng Hàm Math.round ()

Hàm Math.round () sẽ làm tròn số đến số nguyên gần nhất.

Nếu tôi có giá trị là 6,3, thì Math.round () sẽ trả về 6.

  const number = "6.3";

console.log (Math.round (số lượng));  

Nhưng nếu tôi thay đổi giá trị đó thành 6.5 thì Math.round () sẽ trả về 7.

  const amount = "6.5";

console.log (Math.round (số lượng));  

Kết luận

Trong bài viết này, tôi đã chỉ cho bạn 11 cách để chuyển đổi một chuỗi thành một số sử dụng JavaScript.

Dưới đây là 11 phương pháp khác nhau được thảo luận trong bài viết.

  1. sử dụng hàm Number ()
  2. sử dụng Hàm parseInt ()
  3. sử dụng hàm parseFloat ()
  4. sử dụng toán tử dấu cộng một bậc ( + )
  5. nhân chuỗi với số 1
  6. chia chuỗi cho số 1
  7. trừ số 0 khỏi chuỗi
  8. < li> sử dụng toán tử NOT bitwise ( ~ )

  9. sử dụng hàm Math.floor ()
  10. sử dụng Hàm Math.ceil ()
  11. sử dụng hàm Math.round ()

Tôi hy vọng bạn thích bài viết này và chúc bạn may mắn trên hành trình JavaScript của bạn.


Xem thêm những thông tin liên quan đến chủ đề chuyển chuỗi thành số javascript

How to Convert String to Number in Javascript

  • Tác giả: KodeBase
  • Ngày đăng: 2019-10-22
  • Đánh giá: 4 ⭐ ( 6906 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: In this video, you will learn how to convert string to number in javascript.

    Source Code:
    https://www.fwait.com/how-to-convert-string-to-number-in-javascript/

    My Gears & Other Tutorials:
    https://www.fwait.com/gears-tutorials/

Chuyển đổi kiểu dữ liệu trong javascript

  • Tác giả: nguyenvanhieu.vn
  • Đánh giá: 3 ⭐ ( 8876 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Chuyển đổi kiểu dữ liệu trong javascript là gì ? Tại sao phải chuyển đổi ? Và chuyển đổi như thế nào ? Tất cả đã được giải quyết trong bài ..

Cách chuyển đổi một chuỗi thành một số trong JavaScript

  • Tác giả: tech-wiki.online
  • Đánh giá: 5 ⭐ ( 7132 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Làm cách nào để chuyển đổi một chuỗi thành một số nguyên trong JavaScript?

  • Tác giả: qastack.vn
  • Đánh giá: 4 ⭐ ( 7893 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] Cách đơn giản nhất là sử dụng Numberhàm riêng: var x = Number("1000") Nếu điều đó…

Chuyển chuỗi thành số nguyên trong JavaScript (Number.parseInt)

  • Tác giả: laptrinhcanban.com
  • Đánh giá: 4 ⭐ ( 9065 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hướng dẫn cách chuyển chuỗi thành số nguyên trong JavaScript. Bạn sẽ học được cách sử dụng thuộc tính Number.parseInt để chuyển chuỗi thành số nguyên trong JavaScript sau bài học này.

Chuyển Đổi Kiểu Dữ Liệu Thường Gặp Trong Javascript

  • Tác giả: codelearn.io
  • Đánh giá: 4 ⭐ ( 8637 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Chuyển đổi dữ liệu là gì? Bài viết này sẽ giới thiệu đến các bạn những cách chuyển đổi kiểu dữ liệu phổ biến trong Javascript.

Làm sao để convert String sang Number trong JavaScript?

  • Tác giả: kipalog.com
  • Đánh giá: 4 ⭐ ( 3956 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: JavaScript cung cấp nhiều cách khác nhau để convert String sang Number. Và trong bài viết này, mình sẽ tổng hợp lại một số cách mà mình đã biết. ...

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  Cách thêm CSS - thêm html vào css