In diesem Beitrag werfen wir einen Blick auf 4 verschiedene gute und schlechte Wege, um alle Arten von Werten in Strings umzuwandeln.

Wir werden die folgenden Werte zum Konvertieren berücksichtigen.

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

Verwenden der integrierten String-Funktion

Die Stringeingebaute Funktion kann jeden Wert in einen String umwandeln. Dies ist die beste Option zum Konvertieren primitiver Typen in Zeichenfolgen.

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

Verwenden der Vorlagenzeichenfolge

Die Vorlagenzeichenfolge ermöglicht eingebettete Ausdrücke. Diese Ausdrücke werden in Zeichenfolgen umgewandelt. Sehen Sie sich die Beispiele unten an.

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

In JavaScript erben alle Objekte von der Object.prototype. Das bedeutet, dass sie alle Zugriff auf die Methoden haben, die auf diesem Objekt gespeichert sind, einschließlich toString.

Hier ist das Ergebnis des Aufrufs toStringeines Objekts oder Arrays.

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

Es ist interessant, dass wir die toStringMethode für Primitive wie Zahlen und boolesche Werte aufrufen können. Überprüfen Sie den folgenden Code.

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

Für alle Primitive außer nullund undefinedhat JavaScript eingebaute Wrapper-Funktionen wie Numberoder Boolean. Es verwendet diese Funktionskonstruktoren, um Objekte zu erstellen, und ruft dann die toStringMethode für die neu erstellten Objekte auf. So etwas passiert hinter den Kulissen:

new Number(1).toString()

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

Die letzte Option zum Konvertieren in einen String ist die String-Verkettung. Überprüfen Sie die folgenden Beispiele.

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

Folgendes passiert, wenn Sie eine Verkettung durchführen, anstatt Zahlen hinzuzufügen.

1 + '2'
//'12'

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

Das ist alles, was ich in Bezug auf String-Konvertierungen mitteilen wollte. Danke fürs Lesen.