JavaScript提供了三個(gè)主要的字符串截取方法：substr()、substring() 和 slice()。然而，在現(xiàn)代JavaScript開發(fā)中，越來越多的開發(fā)者和團(tuán)隊(duì)開始推薦使用 slice() 作為首選方案。

三種方法的基本語法對比

首先，讓我們回顧一下這三種方法的基本用法：

substr() 已被標(biāo)記為棄用

首先需要明確的一點(diǎn)是：substr() 方法已被標(biāo)記為棄用。

為什么被棄用？

• 參數(shù)語義混亂：substr(start, length) 的第二個(gè)參數(shù)是長度，與其他方法不一致
• 負(fù)值處理不一致：在某些環(huán)境中行為可能不同
• 標(biāo)準(zhǔn)化問題：不是ECMAScript核心規(guī)范的一部分

substring() vs slice() 詳細(xì)對比

雖然 substring() 仍然是標(biāo)準(zhǔn)方法，但 slice() 在多個(gè)方面表現(xiàn)更優(yōu)。

(1) 負(fù)索引處理

(2) 參數(shù)順序處理

(3) 行為一致性

const str = "Consistent Behavior";

// slice() 的行為更可預(yù)測
function safeSlice(str, start, end) {
 return str.slice(start, end);
}

// substring() 的隱式轉(zhuǎn)換可能導(dǎo)致意外結(jié)果
function riskySubstring(str, start, end) {
 return str.substring(start, end); // 參數(shù)可能被意外交換
}

// 測試邊界情況
console.log(safeSlice(str, 5, 2));        // "" (明確的空結(jié)果)
console.log(riskySubstring(str, 5, 2));   // "nsis" (意外的結(jié)果)

slice() 的優(yōu)勢：

• 標(biāo)準(zhǔn)穩(wěn)定：屬于ECMAScript核心規(guī)范，不會被棄用
• 行為一致：與數(shù)組的 slice() 方法行為一致
• 功能強(qiáng)大：支持負(fù)索引，提供更靈活的截取方式
• 邏輯清晰：參數(shù)含義明確，不會自動交換參數(shù)位置
• 可預(yù)測性：邊界情況處理更符合直覺
• 兼容性好：所有現(xiàn)代環(huán)境都完美支持

其他方法的問題：

• substr()：已被棄用，未來可能被移除
• substring()：參數(shù)交換和負(fù)數(shù)轉(zhuǎn)換行為可能導(dǎo)致意外結(jié)果