Hướng dẫn check number input javascript - kiểm tra javascript đầu vào số

Bài viết được sự cho phép của tác giả Kiên Nguyễn

Làm việc với Javascript nhiều, vấn đề các bạn thường gặp là kiểm tra xem một object có phải là number hay không? (Javascript check is a number or not?).vấn đề các bạn thường gặp là kiểm tra xem một object có phải là number hay không? (Javascript check is a number or not?).

Xin được giới thiệu 3 cách thông dụng dưới đây giúp kiểm tra isNumber trong Javascript:3 cách thông dụng dưới đây giúp kiểm tra isNumber trong Javascript:

1. Sử dụng isNaN()

Như cái tiêu đề function, NaN (Not a number). Hàm này kiểm tra một giá trị truyền vào có phải là số hay không?.NaN (Not a number). Hàm này kiểm tra một giá trị truyền vào có phải là số hay không?.

Syntax: Number.isNaN(value)

Trường hợp parameter value là số -> isNaN() trả về false. Trường hợp parameter value không phải là số isNaN() trả về true.

Chú ý rằng sử dụng isNaN() để kiểm tra number trong Javascript sẽ có hai cách gọi:có hai cách gọi:

isNaN(), this is global function, converts the tested value to a Number, then tests it.global function, converts the tested value to a Number, then tests it.

Nếu chỉ sử dụng isNaN(), đây là function toàn cục, trước khi kiểm tra value có là number hay không?. Nó sẽ convert trước các giá trị này rồi mới kiểm tra.là function toàn cục, trước khi kiểm tra value có là number hay không?. Nó sẽ convert trước các giá trị này rồi mới kiểm tra.

The isNaN() function is different from the Number specific Number.isNaN() method. Number.isNaN() does not convert the values to a Number, and will not return true for anyone who want use javascript check is a number or not.is different from the Number specific Number.isNaN() method. Number.isNaN() does not convert the values to a Number, and will not return true for anyone who want use javascript check is a number or not.

Function isNaN() thì khác so với Number.isNaN(). Function Number.isNaN() không convert giá trị qua kiểu số. Cũng không trả về true cho bất kì giá trị nào khác ngoài kiểu số.không convert giá trị qua kiểu số. Cũng không trả về true cho bất kì giá trị nào khác ngoài kiểu số.

Theo ý kiến riêng của mình, trường hợp không thể sure được các giá trị truyền vào có thể là undefined hay NaN, sử dụng Number.isNaN() sẽ là cách an toàn hơn để kiểm tra không thể sure được các giá trị truyền vào có thể là undefined hay NaN, sử dụng Number.isNaN() sẽ là cách an toàn hơn để kiểm tra

2. Sử dụng isInteger()

The Number.isInteger() method determines whether the passed value is an integer.Number.isInteger() method determines whether the passed value is an integer.

Hàm Number.isInteger() kiểm tra xem một được tượng truyền vào có phải là số hay không?kiểm tra xem một được tượng truyền vào có phải là số hay không?

Syntax: Number.isInteger(value)

Function isInteger chỉ trả về True hoặc False. Trường hợp parameter value là số -> trả về true. Ngược lại, trả về false (bao gồm các trường hợp NaN – Not a Number).chỉ trả về True hoặc False. Trường hợp parameter value là số -> trả về true. Ngược lại, trả về false (bao gồm các trường hợp NaN – Not a Number).

Ví dụ sử dụng:

Javascript check is a number has a many function to do it. But please take care that’s not working in Internet explorer!.not working in Internet explorer!.

Lưu ý rằng function này không hỗ trợ trên Internet Explorer. Trường hợp đang viết Javascript core trên IE thì đừng dại dột sử dụng function này nhatrên IE thì đừng dại dột sử dụng function này nha

3. typeOf operator – javascript nice way check is number

Sử dụng typeOf cũng là một cách hay để check is a number đối với một object.

Using typeOf in Javascript check is a number maybe is a best way. The parameter to check in typeOf is object, function or variable.object, function or variable.

Sử dụng typeOf cũng là một cách đáng xem xét. Ngoài kiểm tra đối tượng, typeOf còn có thể sử dụng với đối tượng, hàm và biến (object, function or variable).có thể sử dụng với đối tượng, hàm và biến (object, function or variable).

Anh em có thể đọc thêm các bài viết hay khác về Javascript như:

• Javascript prototype
• Var,let, const trong Javascript

4. Tham khảo

• Firefox document – Number.isInteger() function
• W3School – isNan() function
• Javascript check is a number with typeOf operator – GeekforGeeks

Bài viết gốc được đăng tải tại kieblog.vn

Có thể bạn quan tâm:

• Thêm kiểm tra type trong Javascript với VS Code
• Top 10 điều hay ho khi làm việc Javascript Array
• Mypy – là trai hay là gái?

Xem thêm Việc làm javascript hấp dẫn trên TopDev