Trích xuất số trong JavaScript
Hàm Number chỉ làm việc
với các chuỗi gồm toàn chữ số.
Tuy nhiên, khi lập trình JavaScript,
bạn thường gặp tình huống cần
xử lý các chuỗi bắt đầu bằng
một số, sau đó là chữ cái.
Ví dụ về chuỗi như vậy là giá trị
đơn vị pixel: '12px'. Giả sử chúng ta cần
lấy số ở đầu, loại bỏ
phần chuỗi. Đối với thao tác này, có hàm
parseInt. Hãy xem
cách hoạt động của nó qua ví dụ:
let num = parseInt('12px');
alert(num); // sẽ hiển thị 12
Tuy nhiên, đôi khi pixel có giá trị phân số:
'12.5px'. Trong trường hợp này, hàm parseInt
sẽ bỏ qua và chỉ xuất ra phần nguyên:
let num = parseInt('12.5px');
alert(num); // vẫn sẽ hiển thị 12
Nói chung, có thể hành vi này -
chính xác là thứ bạn cần. Nhưng nếu không - hãy sử dụng
hàm parseFloat, hàm này trích xuất
số cùng với phần thập phân của nó:
let num = parseFloat('12.5px');
alert(num); // sẽ hiển thị 12.5
Tất nhiên, việc không có phần thập phân không ảnh hưởng
đến hàm parseFloat hoạt động chính xác:
let num = parseFloat('12px');
alert(num); // sẽ hiển thị 12
Cho một biến có giá trị '5px' và
một biến có giá trị '6px'. Hãy tìm
tổng pixel từ giá trị của các biến này
và hiển thị nó ra màn hình.
Cho một biến có giá trị '5.5px'
và một biến có giá trị '6.25px'.
Hãy tìm tổng pixel từ giá trị của các biến này
và hiển thị nó ra màn hình.
Hãy sửa đổi bài toán trước sao cho
vào kết quả xuất ra được thêm chữ
'px'. Nghĩa là, nếu tổng của chúng ta bằng
11.75, thì trên màn hình hãy hiển thị
'11.75px'.
