Làm cách nào để chuyển đổi một biến thành một chuỗi trong JavaScript?

Phương thức JavaScript Number toString[] trong Javascript được sử dụng với một số và chuyển đổi số đó thành một chuỗi. Nó được sử dụng để trả về một chuỗi đại diện cho đối tượng Số đã chỉ định

cú pháp

num.toString[base]

Thông số được sử dụng. Phương pháp này chấp nhận một cơ sở tham số tùy chọn duy nhất. Tham số này chỉ định cơ sở trong đó số nguyên được biểu diễn trong chuỗi. Nó là một số nguyên nằm trong khoảng từ 2 đến 36 được sử dụng để chỉ định cơ sở biểu diễn các giá trị số

Giá trị trả về. nữ tu. Phương thức toString[] trả về một chuỗi đại diện cho đối tượng số đã chỉ định.  

Dưới đây là một ví dụ về Phương thức Number toString[]

Ví dụ.  

Javascript

Output:1100

0____71

Output:1100

2

Output:1100

3____10

Output:1100

1

Output:1100

3______13

Output:1100

4

Output:1100

5

Output:1100

6

đầu ra

Output:1100

Chuyển đổi một số thành một chuỗi với cơ số 2. Để chuyển đổi một số thành một chuỗi với cơ số 2, chúng ta sẽ phải gọi phương thức toString[] bằng cách truyền 2 làm tham số.  

Javascript

Output:1100

0____71

Output:1100

2

Output:1100

3____10

Output:11010101

2

Output:1100

3______13

Output:1100

4

Output:1100

5

Output:1100

6

đầu ra

Output:11010101

Chuyển đổi một số thành một chuỗi với cơ số 8. Để chuyển đổi một số thành một chuỗi với cơ số 8, chúng ta sẽ phải gọi phương thức toString[] bằng cách truyền 8 làm tham số.  

Javascript

Output:1100

0____71

Output:1100

2

Output:1100

3____10

Output:11010101

2

Output:1100

3______13

Output:1100

4

Output:1100

97

Output:1100

6

đầu ra

Output:1100

9

Chuyển đổi một số thành một chuỗi với cơ số 16. Để chuyển đổi một số thành một chuỗi với cơ số 16, chúng ta sẽ phải gọi phương thức toString[] bằng cách chuyển 16 làm tham số.  

Javascript

Output:1100

0____71

Output:1100

2

Output:1100

3____10

Output:11010101

2

Output:1100

3______13

Output:1100

4

Output:1100

68

Output:1100

6

đầu ra

Output:1100

6

Khi không có tham số nào được truyền. Nếu phương thức toString[] được gọi mà không chuyển bất kỳ tham số nào thì số sẽ được chuyển thành chuỗi mà không thay đổi trong BASE. Dưới đây là chương trình để minh họa điều này.  

Javascript

Output:1100

0____71

Output:1100

2

Output:1100

3____10

Output:11010101

2

Output:1100

16____13

Output:1100

4

Output:1100

19

Output:1100

6

đầu ra

Output:1100

1

Chúng tôi có một danh sách đầy đủ các Đối tượng Số Javascript, để kiểm tra những đối tượng đó, vui lòng xem qua bài viết Số Javascript Hoàn chỉnh này .

Trình duyệt được hỗ trợ

• Google Chrome 1 trở lên
• Internet Explorer 3 trở lên
• Firefox 1 trở lên
• Apple Safari 1 trở lên
• Opera4 trở lên
• Cạnh 12 trở lên

JavaScript được biết đến nhiều nhất để phát triển trang web nhưng nó cũng được sử dụng trong nhiều môi trường không có trình duyệt. Bạn có thể học JavaScript từ đầu bằng cách làm theo Hướng dẫn JavaScript và Ví dụ về JavaScript này

Chúng tôi có một Cheat Sheet về Javascript, nơi chúng tôi đề cập đến tất cả các chủ đề quan trọng của Javascript để kiểm tra những chủ đề đó, vui lòng xem qua

JavaScript khá linh hoạt và cung cấp nhiều cách khác nhau để chuyển đổi giữa các loại dữ liệu. Trong hướng dẫn ngắn này, chúng ta sẽ xem cách bạn có thể chuyển đổi một số thành một chuỗi trong JavaScript. Bạn có thể muốn làm điều này để làm cho dữ liệu số dễ đọc hơn cho người dùng — ví dụ: để hiển thị số dưới dạng một phần của câu

Hướng dẫn này khám phá bốn cách để chuyển đổi một số thành một chuỗi trong JavaScript. Chúng tôi đề xuất các cách tiếp cận khác nhau tùy thuộc vào nhu cầu và trường hợp sử dụng cụ thể của bạn

• Nội suy chuỗi. Khi chèn một giá trị số trong một chuỗi. Ví dụ: hiển thị văn bản trên một trang web như "Bạn đã sử dụng 7 tín dụng trong tổng số 24". Bạn cũng có thể sử dụng Concatenation nhưng hãy cẩn thận
• Chuỗi hoặc toString[]. Khi thay đổi loại giá trị số thành Chuỗi. Ví dụ: sử dụng các số làm đầu vào cho các hàm hoặc API yêu cầu một chuỗi.

  Output:11010101

  4 và

  Output:11010101

  5 gần như giống nhau nhưng xử lý các biến

  Output:11010101

  6 và

  Output:1100

  70 khác nhau

Bạn cũng có thể quan tâm đến cách chuyển đổi một chuỗi thành một số nếu bạn đang muốn thực hiện hành động ngược lại

Chuyển đổi một số thành một chuỗi bằng phép nội suy

Nội suy có lẽ là cách dễ đọc nhất khi sử dụng các số trong chuỗi. Thay vì chuyển đổi số thành chuỗi theo cách thủ công, bạn có thể chèn số đó vào chuỗi bằng phương pháp này

Để sử dụng phép nội suy, hãy bọc một chuỗi bằng dấu gạch ngược [

Output:1100

71] thay vì dấu ngoặc kép [

Output:1100

72 hoặc

Output:1100

73]. Sau đó, trong chuỗi, bạn có thể chèn bất kỳ biến nào bằng cách sử dụng ______374 làm trình giữ chỗ. Đây được gọi là mẫu chữ và có nhiều lợi ích tuyệt vời khác

Ví dụ

Output:1100

2

Vì chuỗi đang được đăng nhập vào bảng điều khiển được bao bọc bằng các dấu gạch ngược, nên bạn có thể chèn một biến vào chuỗi bằng cách sử dụng

Output:1100

75

Bạn có thể xem ví dụ đang hoạt động trong bản demo CodePen sau

Xem Bút
Nội suy chuỗi trong JavaScript của SitePoint [@SitePoint]
trên CodePen.

Chuyển đổi một số thành một chuỗi bằng cách nối chuỗi

Cách tiếp cận thứ hai là nối chuỗi. Bạn có thể chuyển đổi một số thành một chuỗi bằng toán tử

Output:1100

76

Ví dụ

Output:1100

7

Xem bút
Chuyển đổi số thành chuỗi có nối theo SitePoint [@SitePoint]
trên CodePen.

Mặc dù cách tiếp cận này hiệu quả [vì nó yêu cầu ít mã nhất], nhưng nó có thể làm cho mã khó đọc hơn

Một cảnh báo nối chuỗi

Khi sử dụng phương pháp này với nhiều hơn một số, một kết quả không mong muốn có thể xảy ra

Ví dụ

Output:1100

6

Vì

Output:1100

77 được đánh giá trước khi đạt đến chuỗi, hoạt động này là phép cộng số thay vì nối chuỗi. Khi đạt đến một biến chuỗi hoặc ký tự, thao tác sẽ trở thành nối chuỗi. Vì vậy, kết quả là

Output:1100

78

Tuy nhiên, hãy thử thay đổi mã như sau

Output:1100

9

Vì

Output:1100

79 được đánh giá trước, nên toán tử

Output:1100

76 được sử dụng để nối chuỗi cho phần còn lại của biểu thức. Vì vậy, thay vì một phép toán cộng giữa

Output:1100

61 và

Output:1100

62 như ví dụ trước, nó trở thành một phép toán nối chuỗi giữa hai

Điều này có thể được giải quyết bằng cách sử dụng dấu ngoặc đơn

Output:1100

4

Phép cộng giữa

Output:1100

61 và

Output:1100

62 được thực hiện trước, dẫn đến phép cộng giữa hai biến. Sau đó, nối chuỗi được sử dụng cho phần còn lại của biểu thức vì toán hạng đầu tiên là

Output:1100

65

Chuyển đổi một số thành một chuỗi bằng cách sử dụng toString

Cách tiếp cận thứ ba là sử dụng phương pháp

Output:11010101

5. Phương pháp này có sẵn cho tất cả các loại dữ liệu JavaScript, bao gồm cả số. Nó chuyển đổi giá trị của số được sử dụng và trả về giá trị đó

Ví dụ

Output:1100

8

Ví dụ này cho thấy kết quả tương tự như cách tiếp cận đầu tiên. Bạn cũng có thể thấy nó hoạt động trong bản demo CodePen sau

Xem Bút
JS Chuyển đổi Số thành Chuỗi bằng toString[] của SitePoint [@SitePoint]
trên CodePen.

Chuyển đổi một số thành một chuỗi bằng cách sử dụng chuỗi

Cách tiếp cận thứ tư là sử dụng hàm xây dựng

Output:1100

67. Hàm này chấp nhận biến để chuyển đổi làm tham số đầu tiên. Nó chuyển đổi tham số thành một chuỗi và trả về nó

Ví dụ

Output:1100

0

Khi ghi giá trị của

Output:1100

68 và loại của nó vào bảng điều khiển, kết quả lần lượt là

Output:1100

69 và

Output:1100

68. Sau khi chuyển đổi, kết quả lần lượt là

Output:1100

69 dưới dạng chuỗi và

Output:1100

92

Bạn có thể xem ví dụ đang hoạt động trong bản demo CodePen sau

Xem Bút
JS Chuyển đổi Số thành Chuỗi bằng String[] của SitePoint [@SitePoint]
trên CodePen.

Phần kết luận

Hướng dẫn này chỉ cho bạn bốn phương pháp mà bạn có thể sử dụng để chuyển đổi một số thành một chuỗi trong JavaScript. Mặc dù các phương pháp này có thể tạo ra kết quả giống nhau khi được sử dụng với các con số, nhưng có một số trường hợp một phương pháp sẽ tốt hơn các phương pháp khác

Sự khác biệt chính giữa việc sử dụng

Output:1100

67 và

Output:11010101

5 là

Output:1100

67 hoạt động với các giá trị

Output:11010101

6 và

Output:1100

70, trong khi

Output:11010101

5 thì không. Vì vậy, nếu bạn có một giá trị phải chứa số nhưng bạn muốn an toàn khi chuyển đổi nó thành chuỗi, bạn có thể sử dụng

Output:1100

67

Đối với nội suy chuỗi và nối chuỗi, chúng được sử dụng tốt nhất khi sử dụng các số trong một chuỗi. Mặt khác, sử dụng các phương pháp này có thể làm cho mã khó đọc hơn

Nếu bạn thấy bài viết này hữu ích, bạn cũng có thể thích những điều sau đây

• Mẹo nhanh. Cách chuyển đổi số thành chuỗi trong JavaScript
• Học cách viết mã bằng JavaScript
• Cách học JavaScript nhanh. Sáu thủ thuật tư duy đơn giản
• Hơn 25 kỹ thuật mã hóa tốc ký JavaScript
• ES6 đang hoạt động. Phương pháp số mới
• ES6 đang hoạt động. Phương thức chuỗi mới - Chuỗi. nguyên mẫu. *
• Giá trị thật và giả. Khi tất cả không bình đẳng trong JavaScript

Chia sẻ bài viết này

Dianne Pena

Dianne là biên tập viên bản tin của SitePoint. Cô ấy đặc biệt thích tìm hiểu về JavaScript, CSS và các công nghệ front-end

Làm cách nào để chuyển đổi giá trị biến thành chuỗi trong JavaScript?

Làm cách nào để chuyển đổi một số thành chuỗi trong JavaScript?

${} được gọi trong JavaScript là gì?