轉換方法:1、使用「」運算子結合空字串,語法「值''」;2、使用範本字串,語法「${值}」;3、使用「JSON.stringify (值)」語句;4、使用「值.toString()」語句;5、使用「String(值)」語句。
本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
JavaScript中將值轉換為字串的五種方法
#const value = 12345; // Concat Empty String value + ''; // Template Strings `${value}`; // JSON.stringify JSON.stringify(value); // toString() value.toString(); // String() String(value); // RESULT // '12345'
比較5種方式
好吧,讓我們用不同的值來測試5種方式。以下是我們要對其進行測試的變數:
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;
使用「 」運算子結合空字串
string + ''; // 'hello' number + ''; // '123' boolean + ''; // 'true' array + ''; // '1,2,3' object + ''; // '[object Object]' undefinedValue + ''; // 'undefined' nullValue + ''; // 'null' // ⚠️ symbolValue + ''; // ❌ TypeError
從這裡,您可以看到如果值為一個Symbol ,此方法將拋出TypeError。否則,一切看起來都不錯。
模板字串
`${string}`; // 'hello' `${number}`; // '123' `${boolean}`; // 'true' `${array}`; // '1,2,3' `${object}`; // '[object Object]' `${undefinedValue}`; // 'undefined' `${nullValue}`; // 'null' // ⚠️ `${symbolValue}`; // ❌ TypeError
使用模版字串的結果與結合空字串的結果基本上相同。同樣,這可能不是理想的處理方式,因為Symbol它會拋出一個TypeError。
如果你很好奇,那就是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
.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
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'
javascript高級教學】
以上是javascript怎麼將值轉為字串的詳細內容。更多資訊請關注PHP中文網其他相關文章!