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

三種方法的基本語法對比

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

substr() 已被標記為棄用

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

為什么被棄用？

• 參數語義混亂：substr(start, length) 的第二個參數是長度，與其他方法不一致
• 負值處理不一致：在某些環境中行為可能不同
• 標準化問題：不是ECMAScript核心規范的一部分

substring() vs slice() 詳細對比

雖然 substring() 仍然是標準方法，但 slice() 在多個方面表現更優。

(1) 負索引處理

(2) 參數順序處理

(3) 行為一致性

const str = "Consistent Behavior";

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

// substring() 的隱式轉換可能導致意外結果
function riskySubstring(str, start, end) {
 return str.substring(start, end); // 參數可能被意外交換
}

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

slice() 的優勢：

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

其他方法的問題：

• substr()：已被棄用，未來可能被移除
• substring()：參數交換和負數轉換行為可能導致意外結果