Trong bài này, chúng ta sẽ học cách chuyển chuỗi thành số hoặc số nguyên bằng javascript / jquery. Để chuyển đổi một chuỗi thành số hoặc số nguyên, javascript cung cấp các hàm khác nhau như Number (), parseInt (), parseFloat (), Math.floor (), Math.ceil (), Toán tử một bậc (+) hoặc Nhân với 1 nhận một chuỗi làm đầu vào và trả về một số nguyên hoặc số.

Bạn đang xem : jquery chuyển đổi thành int

Trong bài viết này, chúng ta sẽ học cách chuyển đổi chuỗi thành số hoặc số nguyên bằng cách sử dụng javascript / jquery. Để chuyển đổi một chuỗi thành một số hoặc số nguyên, javascript cung cấp các hàm khác nhau như Number () , parseInt () , parseFloat () , Math.floor () , Math.ceil ( ) , Toán tử bậc nhất (+) hoặc Nhân với 1 sẽ mất một chuỗi làm đầu vào và trả về một số nguyên hoặc số. Trong một bài viết khác, bạn có thể tìm hiểu Cách chuyển số thành chuỗi trong javascript hoặc jquery.

Chuyển đổi chuỗi thành số bằng cách sử dụng hàm Number ()

Theo ý kiến ​​của tôi, cách đơn giản nhất là sử dụng hàm Số nguyên bản, hàm này cũng xử lý các số thập phân:

Ví dụ – Chuyển đổi chuỗi thành số bằng cách sử dụng hàm Number ()

  var a = Number ('1000'); // nó sẽ trả về 1000
var b = Number ('10, 000 ') // nó sẽ trả về NaN (Không phải số)
var c = Number ('10 .00 ') // nó sẽ trả về 10
var d = Number ('10 .51 ') // nó sẽ trả về 10.51

// nếu giá trị chuỗi chứa bất kỳ ký tự nào không phải là số, thì nó trả về NaN (Không phải là Số)
var e = Number ('10 xin chào ') // nó sẽ trả về NaN (Không phải là Số)
var f = Number ('hello 10') // nó sẽ trả về NaN (Không phải là Số)  

Nếu hàm Number () không hoạt động với bạn, thì bạn có thể sử dụng các phương pháp khác như parseInt () , parseFloat () , Math.floor () , Math.ceil () , < strong> Toán tử bậc nhất (+) hoặc Nhân với 1 .

Chuyển đổi chuỗi thành số bằng cách sử dụng hàm parseInt ()

Phương thức

parseInt () được sử dụng để chuyển đổi chuỗi thành Số (một số nguyên).

Phương thức này chấp nhận 2 đối số:

  1. Tham số thứ nhất

    : giá trị chuỗi cần chuyển đổi

  2. Tham số thứ 2

    : Cơ số, nó là một số cơ sở

    được sử dụng trong các hệ thống toán học

Các tiền tố được sử dụng trong Giá trị chuỗi

  • Không có tiền tố

    – Nếu không có tiền tố, cơ số là

    10 (thập phân)

    .

  • 0

    – Nếu giá trị bắt đầu bằng

    0

    thì cơ số là

    8 (bát phân )

    . Tuy nhiên, tính năng này không được dùng nữa.

  • 0x

    – Nếu giá trị bắt đầu bằng

    0x

    thì cơ số là

    16 (hệ thập lục phân )

    .

Lưu ý: – Khi bạn chuyển đổi chuỗi thành Số bằng phương thức parseInt () , đừng Đừng quên tham số thứ hai, là cơ số, luôn là 10 đối với số thập phân hoặc nếu bạn không chuyển tham số thứ hai, thì chuyển đổi có thể cố gắng đoán cơ số và cung cấp cho bạn kết quả không mong muốn.

Xem Thêm  Hợp nhất danh sách (8 cách) • dữ liệu - cách hợp nhất hai danh sách trong python

Mã – Chuyển đổi chuỗi thành số bằng cách sử dụng hàm parseInt ()

  var a = parseInt ('1000') // nó sẽ trả về 1000
var b = parseInt ('1000.51') // nó sẽ trả về 1000
var c = parseInt ('1000,00') // nó sẽ trả về 1000
var d = parseInt ('1000 xin chào') // nó sẽ trả về 1000
// nếu chuỗi không bắt đầu bằng số, thì bạn sẽ nhận được NaN (Không phải số)
var e = parseInt ('hello 1000') // nó sẽ trả về NaN (Không phải là Số)  

Chuyển đổi chuỗi thành số bằng cách sử dụng hàm

parseFloat ()

hàm parseFloat () được sử dụng để chuyển đổi Chuỗi thành Số (với dấu thập phân). Nếu giá trị chuỗi chứa một số có dấu thập phân, thì hàm này sẽ giữ lại các dấu thập phân đó. Hàm này chỉ nhận một tham số.

Mã – Chuyển đổi chuỗi thành số bằng cách sử dụng hàm parseFloat ()

 var a = parseFloat ('253'); // nó sẽ trả về 253
var b = parseFloat ('253.53'); // nó sẽ trả về 253.53
var c = parseFloat ('253.25hello'); // nó sẽ trả về 253,25
// nếu chuỗi không bắt đầu bằng số, thì bạn sẽ nhận được NaN (Không phải số)
var d = parseFloat ('xin chào 253'); // nó sẽ trả về NaN (Không phải số)  

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

Hàm Math.floor () được sử dụng để chuyển đổi Chuỗi thành Số nhưng nó chỉ trả về phần nguyên của số.

Mã – Chuyển đổi chuỗi thành số bằng cách sử dụng hàm Math.floor ()

  var a = Math.floor ('10, 000 ') // nó sẽ trả về NaN
var b = Math.floor ('10 .000 ') // nó sẽ trả về 10
var c = Math.floor ('10 .00 ') // nó sẽ trả về 10
var d = Math.floor ('10 .20 ') // nó sẽ trả về 10
var e = Math.floor ('10 .81 ') // nó sẽ trả về 10
var f = Math.floor ('100') // nó sẽ trả về 100
var g = Math.floor ('100 xin chào') // nó sẽ trả về NaN
 

Chuyển đổi chuỗi thành số bằng cách sử dụng hàm

Math.ceil ()

Hàm này rất giống với hàm Math.floor () . Hàm Math.ceil () luôn làm tròn một số lên đến số nguyên hoặc số nguyên lớn nhất tiếp theo.

Mã – Chuyển đổi chuỗi thành số bằng cách sử dụng hàm Math.ceil ()

  var a = Math.ceil ('10, 000 ') // nó sẽ trả về NaN
var b = Math.ceil ('10 .000 ') // nó sẽ trả về 10
var c = Math.ceil ('10 .00 ') // nó sẽ trả về 10
var d = Math.ceil ('10 .20 ') // nó sẽ trả về 11
var e = Math.ceil ('10 .81 ') // nó sẽ trả về 11
var f = Math.ceil ('100') // nó sẽ trả về 100
var g = Math.ceil ('100 hello') // nó sẽ trả về NaN  

Lưu ý: – Hãy nhớ điều này, nếu bạn muốn chuyển đổi hoặc phân tích cú pháp thành giá trị float thì Math.floor () và hàm Math.ceil () không phải là một lựa chọn tốt vì cả hai hàm luôn chuyển đổi các chuỗi thành số nguyên tương đương gần nhất.

Chuyển đổi chuỗi thành số bằng cách sử dụng toán tử

Unary

Toán tử một ngôi: Toán tử hoạt động trên một toán hạng được gọi là toán tử một ngôi . Ở đây chúng tôi sử dụng dấu Cộng (+) trước giá trị chuỗi và đó là cách nhanh nhất.

Xem Thêm  TRIM () trong T-SQL - SQLServerCentral - t sql cắt không gian

Mã – Chuyển đổi chuỗi thành số bằng cách sử dụng toán tử đơn vị

  var a = + '10, 000 '// nó sẽ trả về NaN
var b = + '10 .000 '// nó sẽ trả về 10
var c = + '10 .00 '// nó sẽ trả về 10
var d = + '10 .20 '// nó sẽ trả về 10.2
var e = + '10 .81 '// nó sẽ trả về 10.81
var f = + '100' // nó sẽ trả về 100
var g = + '100 hello' // nó sẽ trả về NaN
 

Chuyển đổi chuỗi thành số bằng cách nhân với 1 (* 1)

Đây là tùy chọn nhanh nhất và hoạt động giống như + toán tử một bậc.

Mã – Chuyển chuỗi thành số bằng cách nhân với 1 (* 1)

  var a = '10, 000 '* 1 // nó sẽ trả về NaN
var b = '10 .000 '* 1 // nó sẽ trả về 10
var c = '10 .00 '* 1 // nó sẽ trả về 10
var d = '10 .20 '* 1 // nó sẽ trả về 10.2
var e = '10 .81 '* 1 // nó sẽ trả về 10.81
var f = '100' * 1 // nó sẽ trả về 100
var g = '100 hello' * 1 // nó sẽ trả về NaN  

Chuyển đổi chuỗi thành số bằng cách thêm dấu ngã kép (~~) trước chuỗi

Mã – Chuyển chuỗi thành số bằng cách thêm dấu ngã kép (~~) trước chuỗi

  var a = ~~ '10, 000 '// nó sẽ trả về 0
var b = ~~ '10 .000 '// nó sẽ trả về 10
var c = ~~ '10 .00 '// nó sẽ trả về 10
var d = ~~ '10 .20 '// nó sẽ trả về 10
var e = ~~ '10 .81 '// nó sẽ trả về 10
var f = ~~ '100' // nó sẽ trả về 100
var g = ~~ '100 hello' // nó sẽ trả về 0  

Tôi hy vọng bài viết này sẽ giúp bạn hiểu cách chuyển đổi chuỗi thành số hoặc số nguyên bằng cách sử dụng javascript / jquery.

Chia sẻ phản hồi có giá trị của bạn, vui lòng gửi bình luận của bạn ở cuối bài viết này. Xin cảm ơn!


Xem thêm những thông tin liên quan đến chủ đề jquery chuyển đổi thành int

jQuery event object

  • Tác giả: kudvenkat
  • Ngày đăng: 2015-04-25
  • Đánh giá: 4 ⭐ ( 4614 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Link for all dot net and sql server video tutorial playlists
    https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1

    Link for slides, code samples and text version of the video
    http://csharp-video-tutorials.blogspot.com/2015/04/jquery-event-object.html

    Healthy diet is very important both for the body and mind. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking our YouTube channel. Hope you can help.
    https://www.youtube.com/channel/UC7sEwIXM_YfAMyonQCrGfWA/?sub_confirmation=1

    In this video we will discuss
    1. How to retrieve event data using event object
    2. How to convert JavaScript event object to jQuery event object

    Whenever an event (like click, mouseover, mouseout etc) occurs, the relevant data about that event is placed into the event object. For example, the event object contains event data like, the X and Y coordinates of the mouse pointer when the event occurred, the HTML element that fired the event, which mouse button is clicked etc.

    Obtaining the event object is straightforward. The event object is always passed to the event handler method. Let us understand this with an example. When we click the button, we want to capture the following event data
    1. Event name
    2. Mouse X coordinate when the event occured
    3. Mouse Y coordinate when the event occured
    4. The control that raised the event
    5. The HTML tag name that raised the event

    Notice that in the example below, we are passing event object to getEventDetails() method. This object is the raw JavaScript event object. The type property gives us the event name that occured. pageX and pageY properties return the X and Y coordinates of the mouse pointer. Target property returns the HTML element that raised the event. Target, pageX and pageY properties are supported by all modern browsers and Internet Explorer 9 and above. The following code will not work in Internet Explorer 8 and earlier versions. In addition to click event, the following example returns mouseover and mouseout event data.

    Replace < with LESSTHAN symbol and > with GREATERTHAN symbol

    <html>
    <head>
    <title></title>
    <script src=”jquery-1.11.2.js”></script>
    <script type=”text/javascript”>
    $(document).ready(function () {
    $(‘btn’).click(function () {
    getEventDetails(event);
    }).mouseover(function () {
    getEventDetails(event);
    }).mouseout(function () {
    getEventDetails(event);
    });

    function getEventDetails(event) {
    var eventDetails = “Event = ” + event.type +
    “<br/> X = ” + event.pageX + “<br/>Y = ” +
    event.pageY + “<br/>Target Type = ” + event.target.type +
    “<br/>Target Tag Name = ” + event.target.tagName;

    $(‘divResult’).html(eventDetails);
    }
    });
    </script>
    </head>
    <body style=”font-family:Arial”>
    <input id=”btn” type=”button” value=”Click me” /><br /><br />
    <div id=”divResult”></div>
    </body>
    </html>

    Cross-browser solution : For the above code to work in all browsers including Internet Explorer 8 and earlier versions, modify getEventDetails() function as shown below. Notice that we are converting JavaScript event object to jQuery event object using $.event.fix()

    function getEventDetails(event) {
    var e = $.event.fix(event);
    var eventDetails = “Event = ” + e.type +
    “<br/> X = ” + e.pageX + “<br/>Y = ” +
    e.pageY + “<br/>Target Type = ” + e.target.type +
    “<br/>Target Tag Name = ” + e.target.tagName;

    $(‘divResult’).html(eventDetails);
    }

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

  • Tác giả: codelearn.io
  • Đánh giá: 4 ⭐ ( 1988 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.

40 Cách Chuyển Jquery Sang Javascript

  • Tác giả: www.niemvuilaptrinh.com
  • Đánh giá: 4 ⭐ ( 6594 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong bài viết hôm nay mình sẽ giới thiệu đến bạn một số cách để chuyển đổi Jquery sang Javascript cho thiết kế và phát triển website.

Làm thế nào để chuyển đổi Integer sang int?

  • Tác giả: qastack.vn
  • Đánh giá: 5 ⭐ ( 3506 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] Như đã được viết ở nơi khác: Đối với Java 1.5 trở lên, bạn không cần…

Cách Ép kiểu String, Number, Boolean trong Javascript

  • Tác giả: shareeverythings.com
  • Đánh giá: 3 ⭐ ( 4423 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cách Ép kiểu String, Number, Boolean trong Javascript – Type Conversion Trong bài viết này mình sẽ hướng dẫn các bạn cách ép kiểu trong JavaScript . Có 3 loại

Chuyển đổi định dạng dữ liệu trong trong JavaScript

  • Tác giả: freehost.page
  • Đánh giá: 5 ⭐ ( 2582 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Thay đổi kiểu dữ liệu trong Javascript

  • Tác giả: viblo.asia
  • Đánh giá: 5 ⭐ ( 2555 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Thông thường, các toán tử và các hàm sẽ tự động chuyển đổi kiểu của giá trị về đúng.

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  Samsung Electronics Unveils ‘Together for Tomorrow’ Vision at CES 2022 - framja

By ads_php