Bu yazıda, her türlü değeri string'e dönüştürmenin 4 farklı iyi ve kötü yoluna göz atacağız.

Dönüştürmek için aşağıdaki değerleri dikkate alacağız.

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

Dize yerleşik işlevini kullanma

Yerleşik Stringişlev, herhangi bir değeri bir dizeye dönüştürebilir. İlkel türleri dizelere dönüştürmek için en iyi seçenektir.

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

Şablon dizesini kullanma

Şablon dizesi, gömülü ifadelere izin verir. Bu ifadeler dizelere dönüştürülür. Aşağıdaki örnekleri kontrol edin.

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

JavaScript'te, tüm nesneler Object.prototype. Bu, hepsinin de dahil olmak üzere o nesnede depolanan yöntemlere erişimi olduğu anlamına gelir toString.

İşte toStringbir nesneyi veya diziyi çağırmanın sonucu.

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

İlginçtir ki, toStringyöntemi sayılar ve boolean gibi ilkeller üzerinde çağırabiliyoruz. Aşağıdaki kodu kontrol edin.

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

JavaScript dışındaki tüm ilkeller için nullveya gibi undefinedyerleşik sarmalayıcı işlevleri vardır . Nesneleri oluşturmak için bu işlev oluşturucularını kullanır ve ardından yeni oluşturulan nesneler üzerinde yöntemi çağırır. Perde arkasında şöyle bir şey oluyor:NumberBooleantoString

new Number(1).toString()

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

String'e dönüştürmek için son seçenek string birleştirme yapmaktır. Aşağıdaki örnekleri kontrol edin.

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

Sayı eklemek yerine birleştirme yaparken ne olduğu aşağıda açıklanmıştır.

1 + '2'
//'12'

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

Dize dönüşümleriyle ilgili paylaşmak istediğim tek şey bu. Okuduğunuz için teşekkürler.