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ụ:

javascriptlet 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:

javascriptlet 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ó:

javascriptlet 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:

javascriptlet num = parseFloat('12px');
alert(num); // sẽ hiển thị 12