Trong bài đăng này, chúng ta sẽ xem xét 4 cách tốt và xấu khác nhau để chuyển đổi tất cả các loại giá trị thành chuỗi.

Chúng tôi sẽ xem xét các giá trị sau đây để chuyển đổi.

console.log(typeof 1);
//number
console.log(typeof true)
//boolean
console.log(typeof null)
//object
console.log(typeof undefined)
//undefined
console.log(Array.isArray([1,2,3]))
//true
console.log(typeof { msg: 'Hi' })
//object
console.log(typeof Symbol('id'));
//symbol

Sử dụng chức năng tích hợp String

Hàm Stringtích hợp có thể chuyển đổi bất kỳ giá trị nào thành một chuỗi. Nó là tùy chọn tốt nhất để chuyển đổi các kiểu nguyên thủy thành chuỗi.

String(1)
//'1'
String(true)
//'true'
String(null)
//'null'
String(undefined)
//'undefined'
String([1,2,3])
//'1,2,3'
String({ msg: 'Hi'})
//'[object Object]'
String(Symbol('id'))
//'Symbol(id)'

Sử dụng chuỗi mẫu

Chuỗi mẫu cho phép các biểu thức được nhúng. Các biểu thức này được chuyển đổi thành chuỗi. Kiểm tra các ví dụ dưới đây.

`${1}`
//'1'
`${true}`
//'true'
`${null}`
//'null'
`${undefined}`
//'undefined'
`${[1,2,3]}`
//'1,2,3'
`${{ msg: 'Hi'}}`
//'[object Object]'

`${Symbol('id')}`
//Cannot convert a Symbol value to a string

Trong JavaScript, tất cả các đối tượng kế thừa từ Object.prototype. Điều đó có nghĩa là tất cả họ đều có quyền truy cập vào các phương thức được lưu trữ trên đối tượng đó bao gồm toString.

Đây là kết quả của việc gọi toStringmột đối tượng hoặc một mảng.

[1,2,3].toString()
//'1,2,3'
{ msg: 'Hi'}.toString()
//'[object Object]'

const prototype = {
  toString(){
    return JSON.stringify(this);
  }
}
const obj = Object.create(prototype);
obj.msg = 'Hi';
console.log(obj.toString());
//''{"msg":"Hi"}''

Điều thú vị là chúng ta có thể gọi toStringphương thức trên các nguyên thủy như số và boolean. Kiểm tra mã bên dưới.

(1).toString()
//'1'
true.toString()
//'true'
Symbol('id').toString()
//'Symbol(id)'

Đối với tất cả các nguyên thủy ngoại trừ nullvà undefinedJavaScript có các hàm trình bao bọc tích hợp sẵn như Numberhoặc Boolean. Nó sử dụng các hàm tạo hàm này để tạo các đối tượng và sau đó gọi toStringphương thức trên các đối tượng mới được tạo. Một cái gì đó như thế này xảy ra ở hậu trường:

new Number(1).toString()

null.toString()
//Cannot read property 'toString' of null
undefined.toString()
//Cannot read property 'toString' of undefined

Tùy chọn cuối cùng để chuyển đổi thành chuỗi là thực hiện nối chuỗi. Kiểm tra các ví dụ sau.

'' + 1
//'1'
'' + true
//'true'
'' + null
//'null'
'' + undefined
//'undefined'
'' + [1,2,3]
//'1,2,3'
'' + { msg: 'Hi'}
//'[object Object]'

Đây là những gì sẽ xảy ra khi thực hiện nối thay vì thêm số.

1 + '2'
//'12'

console.log('' + Symbol('id'))
//Cannot convert a Symbol value to a string

Đó là tất cả những gì tôi muốn chia sẻ về chuyển đổi chuỗi. Cảm ơn vì đã đọc.