Dalam posting ini, kita akan melihat 4 cara baik dan buruk yang berbeda untuk mengubah semua jenis nilai menjadi string.

Kami akan mempertimbangkan nilai-nilai berikut untuk dikonversi.

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

Menggunakan fungsi bawaan String

Fungsi Stringbawaan dapat mengubah nilai apa pun menjadi string. Ini adalah pilihan terbaik untuk mengubah tipe primitif menjadi string.

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)'

Menggunakan string templat

String template memungkinkan ekspresi yang disematkan. Ekspresi ini diubah menjadi string. Periksa contoh di bawah ini.

`${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

Dalam JavaScript, semua objek mewarisi dari Object.prototype. Itu berarti mereka semua memiliki akses ke metode yang disimpan pada objek itu termasuk toString.

Berikut adalah hasil dari pemanggilan toStringsuatu objek atau larik.

[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"}''

Sangat menarik bahwa kita dapat memanggil toStringmetode pada primitif seperti angka dan boolean. Periksa kode di bawah ini.

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

Untuk semua primitif kecuali nulldan undefinedJavaScript memiliki fungsi pembungkus bawaan seperti Numberor Boolean. Ia menggunakan konstruktor fungsi ini untuk membuat objek dan kemudian memanggil toStringmetode pada objek yang baru dibuat. Sesuatu seperti ini terjadi di belakang layar:

new Number(1).toString()

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

Opsi terakhir untuk mengonversi ke string adalah melakukan penggabungan string. Periksa contoh berikut.

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

Inilah yang terjadi ketika melakukan penggabungan alih-alih menambahkan angka.

1 + '2'
//'12'

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

Itu saja yang ingin saya bagikan tentang konversi string. Terima kasih sudah membaca.