Biến Number (Số) trong JavaScript

Biến Number (Số) trong JavaScript
Biến Number (Số) trong JavaScript

Chức năng của Biến Number (Số) trong JavaScript

Biến Number (Số) trong JavaScript dùng để lưu trữ các số nguyên và số thực bằng cách gán trực tiếp số hoặc gán lên đối tượng.

Cú pháp của Biến Number (Số) trong JavaScript

Gán giá trị trực triếp

var tenbien = giatri;

tenbien: Tên biến chứa giá trị.

giatri: Giá trị là số (Số nguyên hoặc số thực)

Gán lên đối tượng

var tenbien = new Number(giatri);

tenbien: Tên biến chứa giá trị.

giatri: Giá trị là số (Số nguyên hoặc số thực)

Biến Number gán giá trị trực triếp trong JavaScript

Dùng để lưu trữ các số nguyên và số thực bằng cách gán trực tiếp số:

<script>
var bienso = 35;
document.write(bienso+"<br>");

var bienthuc = 35.6;
document.write(bienthuc);
</script>

Kết quả:

35
35.6

Chạy Thử

Biến Number gán lên đối tượng trong JavaScript

Dùng để lưu trữ các số nguyên và số thực bằng cách gán lên đối tượng:

<script>
var bienso = new Number(35);
document.write(bienso+"<br>");

var biensothuc = new Number(35.6);
document.write(biensothuc+"<br>");
</script>

Kết quả:

35
35.6

Chạy Thử

Các hàm xử lý Biến Number (Số) trong JavaScript

Hàm Mô tả
Number() Dùng để chuyển các kiểu dữ liệu khác về Number, nếu không chuyển được về number thì nó chuyển về kết quả NaN
parseInt() Dùng để chuyển các ký tự trong chuỗi string thành số nguyên, nếu không chuyển được thành số nguyên thì trả về NaN.
parseFloat() Dùng để chuyển các ký tự trong chuỗi string thành số thực, nếu không chuyển được thành số thực thì trả về NaN, lưu ý số nguyên cũng là một dạng số thực.
toFixed() Dùng để làm tròn số thập phân của một biến số sau đó trả kết quả về kiểu dữ liệu string, bạn có thể quy định phía sau dấu chấm có bao nhiêu số hoặc có thể bỏ dấu chấm.
toString() Dùng để chuyển một mảng thành một chuỗi nối với nhau bằng dấu phẩy hoặc chuyển các kiểu dữ liệu khác sang dạng chuỗi, ngoài ra còn chuyển một số sang hệ số khác như nhị phân (2), bát phân (8), hoặc thập lục phân (16).
isFinite() Dùng để kiểm tra giá trị truyền vào có phải là số hay không, nó chuyển đổi trước giá trị đó thành số rồi mới kiểm tra, nếu giá trị chuyển đổi thành số được thì trả về true, nếu giá trị không chuyển thành số được sẽ trả về false.
Number.isFinite() Dùng để kiểm tra giá trị truyền vào có phải là một số hay không, nếu là số thì trả về true, nếu không phải là số thì trả về false, nó thực hiện kiểm tra mà không chuyển đổi giá trị về số trước như hàm isFinite().
Number.isInteger() Dùng để kiểm tra giá trị truyền vào có phải là một số nguyên hay không, nếu phải là số nguyên thì trả về true, không phải thì trả về false.
Number.isNaN() Dùng để kiểm tra giá trị truyền vào có phải là kiểu dữ liệu Number và có giá trị NaN hay không, nếu phải thì trả về true, nếu không phải thì trả về false.

Cách kiểm tra và xử lý giá trị Number trong JavaScript

Trong thực tế, giá trị được sử dụng để tính toán không phải lúc nào cũng hợp lệ. Dữ liệu từ biểu mẫu, URL hoặc nguồn bên ngoài có thể là chuỗi, số thực, NaN hoặc một giá trị không thể chuyển thành số. Vì vậy, trước khi thực hiện phép tính, nên kiểm tra giá trị để tránh kết quả sai.

Kiểm tra một giá trị có phải là Number hay không

JavaScript cung cấp typeof để xác định kiểu dữ liệu. Khi kết quả là "number", giá trị thuộc kiểu Number, bao gồm cả số nguyên, số thập phân và NaN.

let age = 25;

console.log(typeof age); // "number"

Cần lưu ý rằng typeof NaN cũng trả về "number". Vì vậy, nếu cần xác định một giá trị có thực sự là số có thể sử dụng, chỉ kiểm tra typeof là chưa đủ.

Kiểm tra Number có phải là số nguyên

Khi chương trình yêu cầu một giá trị không có phần thập phân, có thể sử dụng Number.isInteger(). Phương thức này trả về true nếu giá trị là số nguyên và false nếu không phải.

let quantity = 10;

console.log(Number.isInteger(quantity)); // true
console.log(Number.isInteger(10.5)); // false

Cách kiểm tra này hữu ích khi xử lý các giá trị như số lượng sản phẩm, tuổi, vị trí phần tử hoặc số lần lặp, nơi dữ liệu thường phải là số nguyên.

Kiểm tra Number có phải là NaN hoặc giá trị không hợp lệ

NaN xuất hiện khi JavaScript thực hiện một phép toán nhưng không tạo ra được kết quả số hợp lệ. Để kiểm tra trường hợp này, nên dùng Number.isNaN().

let result = Number("abc");

console.log(result); // NaN
console.log(Number.isNaN(result)); // true

Nếu cần kiểm tra một giá trị vừa là Number vừa không phải NaN, có thể kết hợp hai điều kiện. Cách này giúp chương trình loại bỏ những dữ liệu không phù hợp trước khi tính toán.

Xử lý Number khi nhận dữ liệu từ người dùng

Dữ liệu nhập từ input thường được JavaScript nhận dưới dạng chuỗi, ngay cả khi người dùng nhập một con số. Do đó, cần chuyển đổi và kiểm tra dữ liệu trước khi sử dụng.

let input = "150";
let number = Number(input);

if (Number.isFinite(number)) {
    console.log(number + 50);
} else {
    console.log("Giá trị không hợp lệ");
}

Number() giúp chuyển chuỗi thành giá trị Number, còn Number.isFinite() giúp xác nhận kết quả là một số hữu hạn có thể dùng trong phép tính. Đây là cách xử lý an toàn hơn so với việc đưa dữ liệu đầu vào trực tiếp vào các phép toán.

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Biến Number (Số) trong JavaScript.

  • 0 Bình luận
Trần Thị Vân | Content Creator Web Mới
Trần Thị Vân
Trần Thị Vân là Content Creator tại Web Mới, phụ trách nghiên cứu, biên soạn nội dung và chia sẻ kiến thức về website, SEO, lập trình cùng các xu hướng công nghệ
Đánh giá
Chia sẻ nội dung đánh giá của bạn về Biến Number (Số) trong JavaScript
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *
Đánh giá của bạn
Tên *
Email
Số điện thoại *
Bình luận, Hỏi đáp
Yêu Cầu Báo Giá
Gửi trang web mẫu cần làm theo, chúng tôi sẽ báo giá đến bạn từ Email (tanlucit09@gmail.com - Bùi Tấn Lực) hoặc Zalo (Lực IT - 0398259259) !