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

console.log(10 + "USD"); //"10USD"
console.log(10 + ""); //"10"

console.log(10 + "USD"); //"10USD"
console.log(10 + ""); //"10"

Ví dụ

const number = 99;
console.log(`${number} percent of people love JavaScript`); // "99% of people love JavaScript"

Vì chuỗi đang được đăng nhập vào bảng điều khiển được bao bọc bởi 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

console.log(10 + "USD"); //"10USD"
console.log(10 + ""); //"10"

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

Xem cây bút
Nội suy chuỗi trong JavaScript bằng 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 cách sử dụng toán tử

console.log(10 + "USD"); //"10USD"
console.log(10 + ""); //"10"

Ví dụ

console.log(10 + "USD"); //"10USD"
console.log(10 + ""); //"10"

Xem cây bút
Chuyển đổi số thành chuỗi bằng phép 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ụ

const a = 2000;
const b = 468;
console.log(a + b + " motorway"); // "2468 motorway"

Vì

console.log(10 + "USD"); //"10USD"
console.log(10 + ""); //"10"

console.log(10 + "USD"); //"10USD"
console.log(10 + ""); //"10"

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

const a = 2000;
const b = 468;
console.log("it is " + a + b + " motorway"); // "it is 2000468 motorway"

Bởi vì

console.log(10 + "USD"); //"10USD"
console.log(10 + ""); //"10"

console.log(10 + "USD"); //"10USD"
console.log(10 + ""); //"10"

const a = 2000;
const b = 468;
console.log(a + b + " motorway"); // "2468 motorway"

const a = 2000;
const b = 468;
console.log(a + b + " motorway"); // "2468 motorway"

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

const a = 2000;
const b = 468;
console.log("it is " + (a + b) + " motorway"); // "it is 2468 motorway"

Phép cộng giữa

const a = 2000;
const b = 468;
console.log(a + b + " motorway"); // "2468 motorway"

const a = 2000;
const b = 468;
console.log(a + b + " motorway"); // "2468 motorway"

const a = 2000;
const b = 468;
console.log(a + b + " motorway"); // "2468 motorway"

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 toString(). Phương pháp này có sẵn cho tất cả, 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ụ

const number = 10;
console.log(number); // 10
console.log(typeof number); // "number"

const numberStr = number.toString();
console.log(numberStr); // "10"
console.log(typeof numberStr); // "string"

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 cây bút
JS Chuyển đổi số thành chuỗi bằng cách sử dụ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

const a = 2000;
const b = 468;
console.log(a + b + " motorway"); // "2468 motorway"

Ví dụ

const number = 10;
console.log(number); // 10
console.log(typeof number); // "number"

const numberStr = String(number);
console.log(numberStr); // "10"
console.log(typeof numberStr); // "string"

Khi ghi giá trị của

const a = 2000;
const b = 468;
console.log(a + b + " motorway"); // "2468 motorway"

const a = 2000;
const b = 468;
console.log(a + b + " motorway"); // "2468 motorway"

const a = 2000;
const b = 468;
console.log(a + b + " motorway"); // "2468 motorway"

const a = 2000;
const b = 468;
console.log(a + b + " motorway"); // "2468 motorway"

const a = 2000;
const b = 468;
console.log("it is " + a + b + " motorway"); // "it is 2000468 motorway"

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

Xem cây 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

const a = 2000;
const b = 468;
console.log(a + b + " motorway"); // "2468 motorway"

const a = 2000;
const b = 468;
console.log(a + b + " motorway"); // "2468 motorway"

console.log(10 + "USD"); //"10USD"
console.log(10 + ""); //"10"

const a = 2000;
const b = 468;
console.log(a + b + " motorway"); // "2468 motorway"

Đố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 một biến thành một chuỗi trong JavaScript?

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

Một biến có thể là một chuỗi JavaScript không?

Làm cách nào để chuyển đổi giá trị đối tượng thành chuỗi?