在 JavaScript 中，將其他類型的值轉(zhuǎn)換為字符串是一個非常常見且重要的操作。理解這些轉(zhuǎn)換規(guī)則可以幫助我們避免類型錯誤、寫出更健壯的代碼。

本文將系統(tǒng)講解：

• 各種基本類型（null、undefined、boolean、number、symbol）如何轉(zhuǎn)換為字符串；
• 對象（包括普通對象和自定義對象）的字符串化規(guī)則；
• 顯式與隱式轉(zhuǎn)換的區(qū)別；
• 實(shí)際開發(fā)中的最佳實(shí)踐。

一、基本數(shù)據(jù)類型的字符串轉(zhuǎn)換規(guī)則

1. null 和 undefined

說明：

• 這是原始值，直接返回對應(yīng)的字符串；
• 不會拋出錯誤；

String(null);        // "null"
String(undefined);   // "undefined"

2. boolean 類型

說明：

• 布爾值轉(zhuǎn)換為字符串時不會進(jìn)行邏輯判斷，只是原樣返回字符串形式；

String(true);   // "true"
String(false);  // "false"

3. number 類型

說明：

• 數(shù)字會被轉(zhuǎn)換成其標(biāo)準(zhǔn)字符串表示；
• 極端數(shù)值會自動使用科學(xué)計數(shù)法；

String(123);             // "123"
String(0.0000001);       // "1e-7"
String(1e100);           // "1e+100"
String(NaN);             // "NaN"
String(Infinity);        // "Infinity"

4. symbol 類型

說明：

• Symbol 是唯一不能進(jìn)行隱式字符串轉(zhuǎn)換的基本類型；
• 必須使用 String() 或 .toString() 顯式轉(zhuǎn)換；

const sym = Symbol("foo");

String(sym);         // "Symbol(foo)"
sym.toString();      // "Symbol(foo)"

// ? 下面這行會報錯：
"Value is: " + sym;  // TypeError: Cannot convert a Symbol value to a string

二、對象的字符串轉(zhuǎn)換規(guī)則

JavaScript 中的對象（包括數(shù)組、函數(shù)、Date 等）在轉(zhuǎn)換為字符串時遵循以下流程：

核心流程：

1. 調(diào)用對象的 toString() 方法；
2. 如果 toString() 存在且返回一個原始值（string、number、boolean），則將其轉(zhuǎn)換為字符串；
3. 如果不存在或返回的是對象，則調(diào)用 valueOf()；
4. 如果 valueOf() 也不返回原始值，則繼續(xù)拋出錯誤或嘗試默認(rèn)行為。

1. 普通對象（沒有重寫 toString()）

const obj = {};
String(obj); // "[object Object]"

原理：

• 默認(rèn)調(diào)用 Object.prototype.toString()；
• 返回格式為 [object Class]；
• 如：[object Array]、[object Date]、[object Function]；

2. 自定義對象（有 toString() 方法）

const person = {
  name: "Alice",
  toString() {
    return this.name;
  }
};

String(person); // "Alice"

說明：

• 如果對象自己定義了 toString()，就會使用這個方法的返回值；
• 如果返回的不是原始值，會繼續(xù)嘗試 valueOf()；

3. 特殊內(nèi)置對象示例

三、顯式 vs 隱式字符串轉(zhuǎn)換對比

String(null);              // "null"
'Hello ' + null;           // "Hello null"
`${null}`;                 // "null"

String(Symbol('foo'));     // "Symbol(foo)"
`${Symbol('foo')}`;        // "Symbol(foo)"（? 模板字符串支持）

四、一句話總結(jié)

在 JavaScript 中，不同類型的值轉(zhuǎn)換為字符串的方式各不相同：

• null → "null"，undefined → "undefined"
• boolean → "true" / "false"
• number → 字符串形式，極值用科學(xué)記數(shù)法
• symbol → 只能顯式轉(zhuǎn)換，隱式轉(zhuǎn)換會拋錯
• 對象 → 調(diào)用 toString()，若無則返回 [object Object]

進(jìn)階建議

• 使用 TypeScript 可以提前規(guī)避類型轉(zhuǎn)換問題；
• 使用 typeof 和 Object.prototype.toString.call() 判斷對象類型；
• 在 Vue / React 中處理狀態(tài)時注意類型轉(zhuǎn)換行為；
• 使用 ESLint 規(guī)則防止?jié)撛诘念愋湾e誤；

以上就是JavaScript中將其他類型的值轉(zhuǎn)換為字符串的規(guī)則詳解的詳細(xì)內(nèi)容，更多關(guān)于JavaScript值到字符串轉(zhuǎn)換規(guī)則的資料請關(guān)注腳本之家其它相關(guān)文章！