Chuyển đổi chuỗi Javascript thành số là một hoạt động đơn giản và phổ biến. Chúng tôi thường gặp tình huống trong khi viết mã mà chúng tôi muốn chuyển đổi các giá trị chuỗi được lấy từ đâu đó sang định dạng số để thực hiện một số thao tác tiếp theo trên các số đó trong javascript. Có một số cách sử dụng mà chúng ta có thể lấy giá trị số của số bên trong một chuỗi. Trong phần này, chúng ta sẽ thảo luận về tất cả các phương thức khả thi có thể được kết hợp trong mã của chúng ta và thảo luận xem phương thức nào sẽ phù hợp trong tình huống nào. Mỗi phương pháp đều có ưu và nhược điểm riêng. Ở đây, chúng ta có thể sử dụng một số phương thức có sẵn hoặc một số toán tử toán học hoặc một số thủ thuật khác để lấy giá trị số từ chuỗi
Phương pháp chuyển đổi chuỗi JavaScript thành số
Dưới đây là các phương pháp khác nhau để chuyển đổi chuỗi thành số trong JavaScript
Bắt đầu khóa học phát triển phần mềm miễn phí của bạn
Phát triển web, ngôn ngữ lập trình, kiểm thử phần mềm và những thứ khác
1. đối tượng số
Chúng ta có thể sử dụng đối tượng Number để lấy giá trị định dạng số của chuỗi. Ở đây, chúng ta cần nhớ rằng Number là một kiểu dữ liệu lớp bao bọc có thể được sử dụng cho nhiều mục đích. Nếu chúng ta sử dụng Number[] mới thay vì chỉ Number[] thì chúng ta sẽ nhận được một loại đối tượng mới của đối tượng thay vì chỉ giá trị của số trong chuỗi đó. Phương pháp này có thể được sử dụng khi chúng tôi muốn bảo toàn giá trị thập phân có nghĩa là các chữ số được chỉ định sau dấu thập phân trong số. Hãy để chúng tôi xem với sự trợ giúp của một ví dụ về cách nó được sử dụng trong javascript
Mã số
Demonstration on usage of Number Wrapper object to obtaing number value from string.
Display Output
function getNumbers[] {
var sampleNumber1 = true; var sampleNumber2 = false;
var sampleNumber3 = new Date[]; var sampleNumber4 = "999";
var sampleNumber5 = "999 888";
var displayMessage = Number[sampleNumber1] + "
" + Number[sampleNumber2] + "
" + Number[sampleNumber3] + "
" + Number[sampleNumber4] + "
" + Number[sampleNumber5];
document.getElementById["sampleDemo"].innerHTML = displayMessage; console.log["type of number "+typeof Number[sampleNumber1]]; console.log["type of new number "+typeof new Number[sampleNumber1]];
}
đầu ra
Trên bảng điều khiển
Như có thể thấy từ các kết quả đầu ra ở trên, đối tượng được trả về thuộc loại số khi chỉ sử dụng Number[] và nó trả về một đối tượng khi chúng ta sử dụng Number[] mới
Gói phát triển phần mềm tất cả trong một[hơn 600 khóa học, hơn 50 dự án]
Giá
Xem khóa học
600+ Khóa học trực tuyến. hơn 50 dự án. Hơn 3000 giờ. Giấy chứng nhận có thể kiểm chứng. Truy cập Trọn đời
4. 6 [84.831 xếp hạng]
2. Sử dụng các phương thức parseInt[] và parseFloat[]
Javascript cung cấp cho chúng ta các phương thức có sẵn để chuyển đổi đối tượng có định dạng chuỗi thành định dạng số tương ứng bằng cách sử dụng phương thức parseInt[]. Lưu ý rằng các giá trị thập phân được bọc trong các số nguyên và có thể mất độ chính xác khi chúng ta sử dụng phương thức parseInt[]. Trong trường hợp nếu bạn muốn giữ nguyên độ chính xác và lấy giá trị thập phân thì chúng ta có thể sử dụng phương thức parseFloat[]. Hãy để chúng tôi kiểm tra hoạt động của nó với sự trợ giúp của một ví dụ –
Mã số
Demonstration on usage of parseInt and parseFloat methods to obtain number value from string.
Display Output
function getNumbers[] {
var sampleNumber1 = "56,54"; var sampleNumber2 = "156.021"; var sampleNumber3 = new Date[];
var sampleNumber4 = "I got 96 marks"; var sampleNumber5 = "96 is my score";
var displayMessage=parseInt[sampleNumber1] + "
" + parseInt[sampleNumber2] + "
" + parseInt[sampleNumber3] + "
" + parseInt[sampleNumber4] + "
" + parseInt[sampleNumber5];
document.getElementById["sampleDemo"].innerHTML = displayMessage;
}
đầu ra
3. Sử dụng + [toán tử cộng]
Một trong những thủ thuật có thể được thực hiện là sử dụng toán tử + trong khi truy xuất số. Javascript tự động chuyển chuỗi thành giá trị số phù hợp và giúp ta lấy số ra khỏi chuỗi. Độ chính xác của số thập phân cũng được bảo toàn khi sử dụng thủ thuật này. Hãy để chúng tôi xem làm thế nào điều này có thể được thực hiện trong mã của chúng tôi
Mã số
Demonstration on usage of + operator to obtain number value from string.
Display Output
function getNumbers[] {
var sampleNumber1 = "56,54"; var sampleNumber2 = "156.021"; var sampleNumber3 = new Date[]; var sampleNumber4 = "98023";
var sampleNumber5 = "96 is my score";
var displayMessage=
+sampleNumber1 + "
" +
+sampleNumber2 + "
" +
+sampleNumber3 + "
" +
+sampleNumber4 + "
" +
+sampleNumber5; document.getElementById["sampleDemo"].innerHTML = displayMessage;
}
đầu ra
4. Sử dụng toán học. hàm sàn []
Một trong những cách lấy số ra khỏi chuỗi là sử dụng phương thức floor[] của thư viện Math cung cấp trong javascript. Chúng ta nên lưu ý rằng các chữ số thập phân được làm tròn và chỉ giá trị nguyên của chuỗi được trả về khi chúng ta sử dụng Math. hàm sàn []. Hãy để chúng tôi kiểm tra xem nó hoạt động như thế nào với sự trợ giúp của một ví dụ
Mã số
Demonstration on usage of Math.floor methods to obtain number value from string.
Display Output
function getNumbers[] {
var sampleNumber1 = "5689"; var sampleNumber2 = "156.021";
var sampleNumber3 = new Date[];
var sampleNumber4 = "I got 96 marks"; var sampleNumber5 = "96 is my score";
var displayMessage=Math.floor[sampleNumber1] + "
" + Math.floor[sampleNumber2] + "
" + Math.floor[sampleNumber3] + "
" + Math.floor[sampleNumber4] + "
" + Math.floor[sampleNumber5];
document.getElementById["sampleDemo"].innerHTML = displayMessage;
}
đầu ra
Đoạn mã trên sau khi nhấp vào nút “Display Output”
5. Sử dụng * [Toán tử nhân]
Một trong những phương pháp hiệu quả nhất để chuyển đổi chuỗi thành số tương ứng là sử dụng toán tử * và nhân chuỗi cần chuyển đổi thành một. Điều này sẽ dẫn đến việc truy xuất giá trị bằng số vì javascript chuyển đổi nội bộ chuỗi thành số rồi nhân chuỗi đó thành một để thu được sản phẩm. Một ví dụ minh họa cách nó có thể được sử dụng trong khi mã hóa được đưa ra dưới đây
Mã số
Demonstration on usage of * operator to obtain number value from string.
Display Output
function getNumbers[] {
var sampleNumber1 = "5689"; var sampleNumber2 = "156.021";
var sampleNumber3 = new Date[];
var sampleNumber4 = "I got 96 marks"; var sampleNumber5 = "96 is my score";
var displayMessage=sampleNumber1*1 + "
" + sampleNumber2*1 + "
" + sampleNumber3*1 + "
" + sampleNumber4*1 + "
" + sampleNumber5*1;
document.getElementById["sampleDemo"].innerHTML = displayMessage;
}
đầu ra
Phần kết luận
Bằng cách này, chúng ta có thể chuyển đổi một chuỗi đã cho thành giá trị số tương ứng theo nhiều cách trong Javascript. Việc sử dụng cái nào tùy thuộc vào việc bạn có cần bảo toàn độ chính xác của các giá trị thập phân hay không và sự hỗ trợ của phiên bản trình duyệt cho chức năng tích hợp của bạn nếu bạn chọn sử dụng nó. Tuy nhiên, theo quan sát, hiệu suất tốt nhất được cung cấp khi chúng ta sử dụng toán tử * và chuyển đổi chuỗi bằng cách nhân với 1 để có được giá trị số của nó
Bài viết được đề xuất
Đây là hướng dẫn về JavaScript String to Number. Ở đây chúng tôi thảo luận về các Phương pháp Chuyển đổi Chuỗi JavaScript thành Số và các Ví dụ của nó cùng với việc Triển khai Mã của nó. Bạn cũng có thể xem qua các bài viết được đề xuất khác của chúng tôi để tìm hiểu thêm –