Heim >Web-Frontend >js-Tutorial >So konvertieren Sie einen Wert in einen String in Javascript

So konvertieren Sie einen Wert in einen String in Javascript

青灯夜游
青灯夜游Original
2021-05-18 14:41:352837Durchsuche

Konvertierungsmethode: 1. Verwenden Sie den „+“-Operator in Kombination mit der leeren Zeichenfolge, die Syntax ist „value+“ 2. Verwenden Sie die Vorlagenzeichenfolge, die Syntax „${value}“; stringify(value)“-Anweisung; 4. Verwenden Sie die „value.toString()“-Anweisung; 5. Verwenden Sie die „String(value)“-Anweisung.

So konvertieren Sie einen Wert in einen String in Javascript

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Fünf Möglichkeiten, einen Wert in einen String in JavaScript umzuwandeln

const value = 12345;
// Concat Empty String
value + '';
// Template Strings
`${value}`;
// JSON.stringify
JSON.stringify(value);
// toString()
value.toString();
// String()
String(value);
// RESULT
// '12345'

Vergleich der 5 Möglichkeiten

Okay, testen wir die 5 Möglichkeiten mit unterschiedlichen Werten. Hier sind die Variablen, an denen wir es testen möchten:

const string = "hello";
const number = 123;
const boolean = true;
const array = [1, "2", 3];
const object = {one: 1 };
const symbolValue = Symbol('123');
const undefinedValue = undefined;
const nullValue = null;

Kombiniert mit der leeren Zeichenfolge unter Verwendung des „+“-Operators

string + ''; // 'hello'
number + ''; // '123'
boolean + ''; // 'true'
array + ''; // '1,2,3'
object + ''; // '[object Object]'
undefinedValue + ''; // 'undefined'
nullValue + ''; // 'null'
// ⚠️
symbolValue + ''; // ❌ TypeError

Von hier aus können Sie sehen, dass diese Methode einen TypeError auslöst, wenn der Wert ein Symbol ist. Ansonsten sieht alles gut aus.

Template-String

`${string}`; // 'hello'
`${number}`; // '123'
`${boolean}`; // 'true'
`${array}`; // '1,2,3'
`${object}`; // '[object Object]'
`${undefinedValue}`; // 'undefined'
`${nullValue}`; // 'null'
// ⚠️
`${symbolValue}`; // ❌ TypeError

Das Ergebnis der Verwendung von Template-String ist im Grunde dasselbe wie das Kombinieren mit einem leeren String. Auch dies ist möglicherweise nicht die ideale Art, mit Symbol umzugehen, da es einen TypeError auslöst.

Wenn Sie neugierig sind, hier ist der TypeError: TypeError: Cannot Convert a Symbol value to a string

JSON.stringify()

JSON.stringify(string); // '"hello"'
JSON.stringify(number); // '123'
JSON.stringify(boolean); // 'true'
JSON.stringify(array); // '[1,"2",3]'
JSON.stringify(object); // '{"one":1}'
JSON.stringify(nullValue); // 'null'
JSON.stringify(symbolValue); // undefined
JSON.stringify(undefinedValue); // undefined

Daher würden Sie JSON.stringify normalerweise nicht zum Konvertieren eines Werts verwenden zu einer Zeichenkette. Und es gibt hier wirklich keinen Zwang. So kennen Sie alle verfügbaren Tools. Sie können dann entscheiden, welches Tool Sie verwenden möchten, anstatt es von Fall zu Fall zu verwenden.

Auf eines möchte ich hinweisen, weil Sie möglicherweise nicht darauf geachtet haben. Wenn Sie es für einen tatsächlichen Zeichenfolgenwert verwenden, wird dieser in eine Zeichenfolge in Anführungszeichen umgewandelt.

.toString()

string.toString(); // 'hello'
number.toString(); // '123'
boolean.toString(); // 'true'
array.toString(); // '1,2,3'
object.toString(); // '[object Object]'
symbolValue.toString(); // 'Symbol(123)'
// ⚠️
undefinedValue.toString(); // ❌ TypeError
nullValue.toString(); // ❌ TypeError

PK liegt also tatsächlich zwischen toString() und String(), wenn Sie einen Wert in einen String konvertieren möchten. Alles funktioniert einwandfrei, außer dass ein Fehler für undefiniert und null ausgegeben wird. Achten Sie also unbedingt darauf.

String()

String(string); // 'hello'
String(number); // '123'
String(boolean); // 'true'
String(array); // '1,2,3'
String(object); // '[object Object]'
String(symbolValue); // 'Symbol(123)'
String(undefinedValue); // 'undefined'
String(nullValue); // 'null'

Nun, ich denke, wir haben einen Gewinner gefunden

Wie Sie sehen können, verarbeitet String() null und undefiniert ziemlich gut. Es werden keine Fehler ausgegeben – es sei denn, Sie möchten dies. Denken Sie im Allgemeinen an meinen Rat. Da Sie Ihre Anwendung am besten kennen, sollten Sie auswählen, was für Ihre Situation am besten geeignet ist.

Fazit: String()

Nachdem ich Ihnen gezeigt habe, wie alle verschiedenen Methoden mit verschiedenen Arten von Werten umgehen. Hoffentlich verstehen Sie die Unterschiede und wissen, welche Tools Sie verwenden müssen, wenn Sie das nächste Mal am Code arbeiten. Wenn Sie sich nicht sicher sind, ist String() immer eine gute Standardauswahl

[Lernempfehlung: Javascript-Tutorial für Fortgeschrittene]

Das obige ist der detaillierte Inhalt vonSo konvertieren Sie einen Wert in einen String in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn